1、当然要引入jquery文件啦。
2、建立函数
var check_all = function（obj,name）{$（":checkbox[name=""+name+""]"）.attr（"checked",obj.checked）; }
3、使用
复制代码 代码如下:
<！DOCTYPE Html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectAll（checkbox） {
$（"input[type=checkbox]"）.attr（"checked", $（checkbox）.attr（"checked"））;
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectAll（this）;" />全选<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
……
</body>
</html>
多组的JQUERY选中与取消
复制代码 代码如下:
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectGroup（checkbox,obj） {
$（"input[name="+obj+"]"）.attr（"checked", $（checkbox）.attr（"checked"））;
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectGroup（this,"grp1"）;" />选中GROUPA<br/>
GROUPA:<br/>
<input type="checkbox" name="grp1" />11<br/>
<input type="checkbox" name="grp1" />22<br/>
<input type="checkbox" name="grp1" />33<br/><br/>
<input type="checkbox" onclick="selectGroup（this,"grp2"）;" />选中GROUPB<br/>
GROUPB:<br/>
<input type="checkbox" name="grp2" />44<br/>
<input type="checkbox" name="grp2" />55<br/>
<input type="checkbox" name="grp2" />66<br/>
</body>
</html>
另外的补充代码:
引用Jquery 库jquery-1.4.1-vsdoc.js 等
Jquery脚本代码——————————————————————
复制代码 代码如下:
$（function（） {
$（"#inputCheck"）.click（function（） {
$（"input[name="Checkbox1"]"）.attr（"checked", $（this）.attr（"checked"））;
}）;
}）; // 全选
$（function（） {
$（"#select_reverse"）.click（function（） {
$（"input[name="Checkbox1"]"）.each（function（idx, item） {
$（item）.attr（"checked", ！$（item）.attr（"checked"））;
}）
}）;
}）;//反选
html 前台代码————————————————————————
[code]
<input id="inputCheck" type="checkbox" />全选
<input id="select_reverse" type="checkbox" />反选
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
[html]
易网时代-编程资源站