JQuery ile onay kutularının tümünü seçme veya iptal etme
Eğer programcılığa yeni başlayanlardansanız ve “Tümünü Seç” onay kutusunu tıklayarak birden fazla onay kutusunu kaldırmak veya seçmek için hızlı bir jQuery kodu arıyorsanız, bu kod işinize yarayacaktır.
JQUERY
$(document).ready(function() { $(document).on("click","#hepsinisec",function(){ $('input:checkbox').not(this).prop('checked', this.checked); }); });
HTML
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <thead> <tr> <th width="5%"><input type="checkbox" name="hepsinisec" id="hepsinisec" /></th> <th width="5%">NO</th> <th width="23%">Isim</th> <th width="67%">Soyad</th> </tr></thead> <tbody> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>1</td> <td>Hakan</td> <td>Atılgan</td> </tr> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>2</td> <td>Murat</td> <td>Yalçın</td> </tr> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>3</td> <td>Mustafa</td> <td>Ermiş</td> </tr> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>4</td> <td>Süleyman</td> <td>Solak</td> </tr> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>5</td> <td>Tayyip</td> <td>Erdoğan</td> </tr> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>6</td> <td>Doğan</td> <td>Kartal</td> </tr> <tr> <td><input type="checkbox" name="checkbox[]" id="checkbox[]" /></td> <td>7</td> <td> </td> <td> </td> </tr> </tbody> </table>