Tengo más de quince entradas de casilla de verificación, todas con la misma clase, con un aspecto similar al siguiente:
Quiero que solo se verifique la primera entrada y que permanezca marcada cuando se verifique cualquier otra entrada con la misma clase. Si solo se marca la primera entrada, debería poder marcarla y desmarcarla libremente. Solo el primero tiene el ID, #SR01201 . El resto solo tiene la clase check-12.
En este momento, puedo desmarcar y verificar libremente la primera entrada, y se verificará si se verifican otras entradas con la clase check-12 . Pero una vez que se marca cualquier otra entrada (además de la primera), no se puede desmarcar.
$('.check-12:not(#SR01201)').on('change', function() { var $this = $(this); var SRTwelveOne = $("#SR01201"); if ($this.prop('checked', true)) { SRTwelveOne.prop('checked', true) } else if ($this.prop('checked', false) && $this.siblings().prop('checked', false)) { SRTwelveOne.prop('checked', false); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" name="SR-012-01" value="SR-12-01" class="check-12" id="SR01201"> <input type="checkbox" name="SR-012-02" value="SR-12-02" class="check-12"> <input type="checkbox" name="SR-012-03" value="SR-12-03" class="check-12">El $this.prop('checked', true) en if ($this.prop('checked', true)) establece la casilla de verificación en verdadero, sin verificar si es verdadero. Para eso, desea usar if ($this.prop('checked')) . Pero creo que su problema se puede reducir a lo siguiente:
$('.check-12:not(#SR01201)').on('change', function() { $("#SR01201").prop('checked', $('.check-12:not(#SR01201):checked').length > 0); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" name="SR-012-01" value="SR-12-01" class="check-12" id="SR01201"> <input type="checkbox" name="SR-012-02" value="SR-12-02" class="check-12"> <input type="checkbox" name="SR-012-03" value="SR-12-03" class="check-12"> La primera línea selecciona sus casillas de verificación con la clase que especificó, pero no la primera. Al cambiar cualquiera de ellos, la casilla de verificación con el ID SR01201 cambia su propiedad marcada dependiendo de cuántas de las otras casillas de verificación estén marcadas. 1 o mas? márquelo, de lo contrario desmárquelo. El resultado de $('.check-12:not(#SR01201):checked').length > 0 será verdadero o falso.
El problema es que no está verificando si una casilla de verificación está marcada con $this.prop('checked', true) en su declaración if. En realidad estás marcando la casilla. Para ver si es una casilla marcada, use is(":checked")