Estoy usando div e id de css para marcar y desmarcar la casilla de verificación, pero mi fuente no puede ser la esperada
paso 1 : como casilla de verificación predeterminada está desmarcada y el cuadro de lista está deshabilitado
paso 2 : cuando marco la casilla de verificación, el cuadro de lista está habilitado
paso 3 : volver al paso 1, si desmarco la casilla de verificación, el cuadro de lista está deshabilitado
mi fuente:
$('#parnerCheck2').click(function() { $('#partnerName').prop("checked", false).prop("disabled", true); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <tr> <th scope="row">Partner</th> <td colspan="1" style="margin-top: 4px;"> <input id="parnerCheck2" name="parnerCheck" type="checkbox" value="0" /><span>PARTNER</span> </td> <td> <select id="partnerName" name="partnerName"> <option value="" selected>Choose One</option> <option>01 - Elite</option> </select> </td> </tr>¿Cómo solucionar el problema como mi descripción? muchas gracias
Estuviste casi allí. Puede establecer la propiedad deshabilitada en el cuadro de lista con el valor marcado de la casilla de verificación, con el prefijo del operador no ! para invertir el valor, para obtener el resultado que desea.
$('#parnerCheck2').click(function() { $('#partnerName').prop("disabled", !$(this).prop("checked")); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <tr> <th scope="row">Partner</th> <td colspan="1" style="margin-top: 4px;"> <input id="parnerCheck2" name="parnerCheck" type="checkbox" value="0" /><span>PARTNER</span> </td> <td> <select id="partnerName" name="partnerName" disabled> <option value="" selected>Choose One</option> <option>01 - Elite</option> </select> </td> </tr>Esto también funcionaría.
<body> <script> $(document).ready(function() { //set initial state. $('#partnerName').prop('disabled', true); $('#partnerCheck').click(function() { if ($('#partnerCheck').is(':checked')) { $('#partnerName').prop('disabled', false); } }); }); </script> <tr> <th scope="row">Partner</th> <td colspan="1" style="margin-top: 4px;"> <input id="partnerCheck" name="partnerCheck" type="checkbox" value="0" /><span>PARTNER</span> </td> <td> <select id="partnerName" name="partnerName"> <option value="" selected >Choose One</option> <option>01 - Elite</option> </select> </td> </tr> </body>