jQuery deseleziona le caselle di controllo quando nascondi div?
Domanda
Ho uno script jQuery che mostrerà div specifici a seconda dell'opzione selezionata selezionata.
Ecco il codice per questo:
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();
});
});
(esempio div)
<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>
Mi piacerebbe deselezionare tutte le caselle di controllo all'interno del div (.company_1, .company_2 ecc.) se qualcuno seleziona un'opzione diversa. Se questo ha senso? :)
Grazie!
Soluzione
La deselezione di una casella di controllo si ottiene rimuovendo l'attributo denominato "spuntato". Prova:
jQuery.each(jQuery.viewMap, function() {
this.hide();
jQuery('input:checkbox', this).removeAttr('checked');
});
Altri suggerimenti
@David Andres grazie per avermi indicato nella giusta direzione non sono riuscito a far funzionare il tuo codice, ma ho usato:
$("div.company_1 input:checked").removeAttr("checked");
che ha funzionato.
Che ne dici di:
$("div.company_1 input[type:checkbox]").removeAttr("checked");
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow