jquery checkbox 全选 取消 demo

第一种：
function checkFunction(){
	if($("#checkAll").is(":checked")){
		$("input[name='checkOne']").attr("checked", true);
	} else {
		$("input[name='checkOne']").attr("checked", false);
	}
}
第二种：
function checkFunction(){
		if($("#checkAll").is(":checked")){
			$("input[name='checkOne']:checkbox").each(function() { 
						$(this).attr("checked", true);
					});
		} else {
			$("input[name='checkOne']:checkbox").each(function() { 
						$(this).attr("checked", false);
					});
		}
}

注意：通常情况下，第一种和第二种在使用的时候没有太大问题，但是如果jsp页面上的html是js生成的，那么反复点击会有问题出现。

第三种：
//全选-取消
function checkFunction(){
	    for (i = 0; i < document.form.checkOne.length; i++) {  
		       if (!document.form.checkOne[i].checked) {  
		            document.form.checkOne[i].checked = true;  
		       }else{
		    	   document.form.checkOne[i].checked = false;  
		       }  
		    }
}
这种原始的js却能奏效！