1 $("#checkAll").change(function () { 2 $("[name=chkItem]").prop("checked", $(this).prop("checked")); 3 4 if ($(this).prop("checked")) { 5 $("[name=spanChkItem]").addClass("checked"); 6 } else { 7 $("[name=spanChkItem]").removeClass("checked"); 8 } 9 });
var $checkAll = $("#checkAll"), $chkItems = $("[name=chkItem]"),//防止多次查找DOM $spanChkItems = $("[name=spanChkItem]"); $checkAll.on('change', function () { //避免过多的DOM属性查找 var isChecked = $(this).prop("checked"); $chkItems.prop("checked", isChecked); $spanChkItems[isChecked ? 'addClass' : 'removeClass']('checked'); })
1 $('#checkAll').change(function(){ 2 var isChecked = this.checked, 3 $spanChkItem=$('[name=spanChkItem]'); 4 //[name=chkItem]应该是#checkAll的子元素, 5 //如果不是document.querySelector('[name=chkItem]') 6 this.querySelector('[name=chkItem]').checked=isChecked; 7 isChecked?$spanChkItem.addClass('checked'):$spanChkItem.removeClass('checked'); 8 });