复选框的选择与反选
Posted 臭小鸭
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了复选框的选择与反选相关的知识,希望对你有一定的参考价值。
一 index.php
<!DOCTYPE html>
<html>
<head>
<script language="javascript" src="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="全选" onclick=‘choose("opt")‘>
<input type="button" name="button1" value="反选" 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;
}
}
}
以上是关于复选框的选择与反选的主要内容,如果未能解决你的问题,请参考以下文章