jQuery全選、全不選、反選的簡潔寫法【執行個體】

標籤：checkbox   jquery   input   function   也有   als   click   div   button   

全選方面的功能幾乎是每個需要列表展示的網站所必不可少的，當然此功能也有很多種寫法，現在介紹一下，比較簡潔易懂的寫法：<input type="checkbox" name="gogf[]"/><input type="checkbox" name="gogf[]"/><input type="checkbox" name="gogf[]"/><button id="all_xuan">全選</button>　<button id="no_xuan">全不選</button><button id="fan_xuan">反選</button> //jQuery代碼如下：$(‘button#all_xuan‘).click(function(){       $(‘[name="gogf[]"]:checkbox‘).prop(‘checked‘,true);})$(‘button#no_xuan‘).click(function(){　　$(‘[name="gogf[]"]:checkbox‘).prop(‘checked‘,false);})$(‘button#fan_xuan‘).click(function(){　　$(‘[name="gogf[]"]:checkbox‘).each(function(index,element){　　　　this.checked=!this.checked;　　});})  有時我們也會用 迴圈的方式選中$(‘input:checkbox‘).each(function() {　　$(this).attr(‘checked‘, true);}); 本文：摘抄+記錄 

jQuery全選、全不選、反選的簡潔寫法【執行個體】