jQuery有很多好用的插件,今天讓我們來看一下jQuery購物車CheckBox全選的實現方法。
$(function(){ var checkAll = $("#checkAll"); //全選 var checkOne = $("input[name='checkOne']"); //單個選擇 checkAll.click(function(){ if($(this).is(":checked")){ checkOne.prop("checked",true); }else{ checkOne.prop("checked",false); } }); checkOne.click(function(){ if(checkOne.length == $("input[name='checkOne']:checked").length){ checkAll.prop("checked",true); }else{ checkAll.prop("checked",false); } }); });
以上代碼實現了全選和單選的互動,給大家參考學習。