以前用原生 JS 寫過 checkbox——類似郵箱全選功能,點這裡。最近在學習jquery,今天就抽空用jquery 寫個checkbox——類似郵箱全選功能。 複製程式碼 程式碼如下: checkbox 全選/全不選 選項1 選項2 選項3 選項4 選項5 選項6 選項7 選項8 選項9 選項10 反選 <BR>$(function(){ <BR>var checkboxes = $('input[name=choose]'); <BR>var btn = $('#btn'); <BR>var btn2 = $('#btn2'); <BR>btn.click(function(){ <BR>checkboxes.attr('checked',this .checked); <BR>}); <BR>checkboxes.click(function(){ <BR>var flag = true; <BR>checkboxes.each(function(){ <BR>if(!this.checked) flag = false; <BR>}); <BR>btn.attr('checked',flag); <BR>}); <BR>btn2.click(function(){ <BR>var flag = true; <BR>checkboxes.each(function(){ <BR>this.checked = !this.checked; <BR>if(!this.checked) flag = false; <BR>}); <BR>btn.attr(' checked',flag); <BR>}); }); 小提示:如果使用jquery,則需要引入jquery 庫。 PS:以上是本人透過所學的 jquery 知識,隨意寫的一些效果。