在使用jQuery中,選中復選框可以通過attr()方法或prop()方法來實現,下面我們分別來看一下:
attr()方法
$(document).ready(function(){ $("#checkAll").click(function(){ $("input[name='test']").attr("checked",true); }); $("#unCheckAll").click(function(){ $("input[name='test']").attr("checked",false); }); });
通過attr()方法來選中復選框,可以設置checked屬性為true或false來實現選中或取消選中。
prop()方法
$(document).ready(function(){ $("#checkAll").click(function(){ $("input[name='test']").prop("checked",true); }); $("#unCheckAll").click(function(){ $("input[name='test']").prop("checked",false); }); });
通過prop()方法來選中復選框,也是設置checked屬性為true或false來實現選中或取消選中。相比于attr()方法,prop()方法更推薦使用。
除此之外,如果要獲取復選框的選中狀態,也可以通過prop()方法來實現:
$(document).ready(function(){ $("#getSelected").click(function(){ var selected = []; $("input[name='test']:checked").each(function(){ selected.push($(this).val()); }); alert("你選中了" + selected.join(",")); }); });
通過:checked選擇器篩選出選中的復選框,再通過each()方法來遍歷獲取選中的復選框值。