关于一个单击复选框的问题

来源:百度知道 编辑:UC知道 时间:2024/05/31 02:09:33
能不能单击一次复选框实现全选效果,再次单击这个复选框又可实现全不选效果?能不能实现?怎样实现?

<html>
<script>
function selecteAll()
{
var cb=document.getElementById('cb1');

var cbs=document.getElementsByTagName('input');
for(var i=0;i<cbs.length;i++)
{
if(cbs[i].type=='checkbox')
{
if(cb.checked==true)
{
cbs[i].checked=true;
}
else
{
cbs[i].checked=false;
}
}
}
}
</script>
<input id="cb1" type="checkbox" onclick="selecteAll()"/>全选<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/>
<input type="checkbox"/>
</html>
保存为html试