jQuery desactive las casillas de verificación al ocultar div?
Pregunta
Tengo un script de jQuery que mostrará divs específicos según la opción seleccionada que se haya seleccionado.
Aquí está el código para eso:
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery.viewMap = {
'' : jQuery([]),
'1' : jQuery('.company_1'),
'2' : jQuery('.company_2')
};
jQuery('#companyid').change(function() {
jQuery.each(jQuery.viewMap, function() { this.hide(); });
jQuery.viewMap[jQuery(this).val()].show();
});
});
(div ejemplo)
<div class="company_1" style="display: none;">
<input type="checkbox" name="classifications[Miner]" id="classifications[Miner]" /> Spec/Rough
<input type="checkbox" name="classifications[Dealer]" id="classifications[Dealer]" /> Dealer
</div>
Me gustaría que desactive todas las casillas de verificación dentro de la div (.company_1, .company_2, etc.) si alguien selecciona una opción diferente. ¿Si eso tiene sentido? :)
¡Gracias!
Solución
La desactivación de una casilla de verificación se logra al eliminar el atributo llamado " marcado " ;. Prueba:
jQuery.each(jQuery.viewMap, function() {
this.hide();
jQuery('input:checkbox', this).removeAttr('checked');
});
Otros consejos
@David Andres Gracias por indicarme la dirección correcta. No pude hacer que su código funcionara, pero lo usé:
$("div.company_1 input:checked").removeAttr("checked");
que funcionó.
Cómo sobre: ??
$("div.company_1 input[type:checkbox]").removeAttr("checked");
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow