首页 > 代码库 > 复选框的选择与反选
复选框的选择与反选
一 index.php
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" src="http://www.mamicode.com/Jquery.js"></script>
<title></title>
</head>
<body>
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
1<input type="checkbox" name="dept">
<input type="button" name="button1" value="http://www.mamicode.com/全选" onclick=‘choose("opt")‘>
<input type="button" name="button1" value="http://www.mamicode.com/反选" onclick=‘choose("fopt")‘>
</body>
</html>
二
Jquery.js代码
function choose(dept)
{
store=document.getElementsByName("dept");
if(dept=="opt")
{
for(i=0;i<store.length;i++)
{
store[i].checked=true;
}
}
else if(dept=="fopt")
{
for(i=0;i<store.length;i++)
{
store[i].checked = !store[i].checked;
}
}
}
复选框的选择与反选