1. 程式人生 > >多選框中的全選和全不選

多選框中的全選和全不選

  <td><span><input type="checkbox" id="dept_All" value="全選/全不選"/></span></td>

<input type="checkbox" value="${r.id}"  onchange="Deptchecks();"  id="checkname${status.index }" name="dept_checkbox" class="checkbox"/>

//全選

$("#dept_All").click( 
  function(){ 
    if(this.checked){ 
        $("input[name='dept_checkbox']").attr('checked', true)
    }else{ 
        $("input[name='dept_checkbox']").attr('checked', false)
    }
  } 
);
function Deptchecks(){
var len=Number($('input:checkbox').length)-1;
if($("input[name='dept_checkbox']:checked").length==len){
$("#dept_All").prop("checked",true)
}
else{
$("#dept_All").prop("checked",false);
}
};