Gracias de antemano por la ayuda en esto. Tengo un requisito especial en mi página donde necesitaba una casilla de verificación para "actuar" como un botón de opción, por lo que solo se puede marcar uno a la vez. Para lograrlo, utilicé este fragmento a continuación"
<script> $('input:checkbox').on('change', function() { $('input:checked').not($(this)).closest('.w-checkbox').click(); }); </script>Funciona perfectamente en Chrome. Sin embargo, no funciona en Safari y permite hacer clic en más de una casilla de verificación. Me preguntaba si alguien tenía ideas sobre cómo resolver esto porque he probado muchas alternativas y lamentablemente necesito tener la casilla de verificación.
La forma correcta de desmarcar una casilla de verificación es cambiando la propiedad checked .
$('input:checkbox.w-checkbox').change(function() { $('input:checkbox.w-checkbox').not(this).prop('checked', false); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" class="w-checkbox" /> <input type="checkbox" class="w-checkbox" /> <input type="checkbox" class="w-checkbox" />