第一种:
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却能奏效!