JQuery associare evento click di caselle di controllo
Ecco una vista di base di ciò che il mio html, assomiglia a questo:
<form>
<div id="part1">
//some html form elements including checkboxes
</div>
<div id="part2">
//more html code with more checkboxes
</div>
<div id=part2">
//data table with numerous checkboxes built dynamically
</div
</form>
Quello che devo fare è associare il .click()
evento per le caselle di controllo nella parte 1, 2, e 3 separatamente. Ho provato questo $('#part1:checkbox').click(...)
ma che non ha funzionato. Se io uso $("form :checkbox").click(...)
stesso evento click è associato a tutte le caselle di controllo e non è solo un set. Come faccio a separare questi?
Ci siamo quasi. Hai solo bisogno di uno spazio per separare i discendenti di selezione:
Per aumentare le prestazioni, si potrebbe desiderare di utilizzare questo:
querySelectorAll
, che è molto più efficiente di jQuery propria implementazione di:checkbox
.O si dà nome della classe stessa per tutte le caselle di controllo e dare il corrispondente div ID per la casella di controllo anche, in modo che è possibile utilizzare il codice riportato di seguito,
e il tuo script va come questa.
Ho avuto un problema simile, e questo StackOverflow pagina è la prima risposta mi sono imbattuto su, ma non era davvero soddisfatto. Ho trovato questo articolo https://www.kevinleary.net/jquery-checkbox-checked/ una soluzione migliore.
Uso questo:
http://api.jquery.com/checkbox-selector/