用jquery設置checkbox設置全選或者全不選,在網絡上查找到大多數都是使用
$("checkbox").attr("checked",true);//設置全選
$("checkbox").removeAttr("checked");//設置全不選但是我使用次方法之後第二次時候不能全選操作,後來查找應該這樣
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New document.nbsp;</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT LANGUAGE="javascript" src="jquery.js"></script>
<SCRIPT LANGUAGE="javascript">
$(document).ready(function(){
//設置全選
$("#btn1").click(function(){
var check = $("input[name=checkbox]");
check.each(function(){
var ischeck = $(this).is(':checked');
if(ischeck == false){
$(this).click();
}
});
});
//設置全不選
$("#btn2").click(function(){
var check = $("input[name=checkbox]");
check.each(function(){
var ischeck = $(this).is(':checked');
if(ischeck == true){
$(this).click();
}
});
});
});
</SCRIPT>
</HEAD>
<BODY>
<form name="form1" method="post" action="">
<input type="button" id="btn1" value="全選">
<input type="button" id="btn2" value="取消全選">
<br>
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
checkbox5
<input type="checkbox" name="checkbox" value="checkbox6">
checkbox6
<input type="checkbox" name="checkbox" value="checkbox7">
checkbox7
<input type="checkbox" name="checkbox" value="checkbox8">
checkbox8
</form>