jQuery给CheckBox全选与不全选

$(function(){
　　$("#checkAll").click(function() {//全选
　　　　$('input[name="DATA"]').prop("checked",this.checked);
　　});　

　　$("input[name='DATA']").each(function(){//判断全选是否会选中
　　　　$(this).bind('click',function(){
　　　　　　selectAll();
　　　　})
　　})

});

 

function selectAll(){
　　var allLength=$("input[name='DATA']").length; //所有的checkbox的长度
　　var selectedLength=$("input[name='DATA']:checked").length;//所有的选中的checkbox的长度
　　if(selectedLength == allLength){
　　　　$('#checkAll').prop("checked",true);//全选按钮选中
　　}else{
　　　　$('#checkAll').prop("checked",false);//全选按钮不选中
　　}
}

转载于:https://www.cnblogs.com/tangan/p/6484975.html