js写全选,怎么取消一个checkbox的选中状态,让全选的checkbox选中状态取消

JavaScript021

js写全选,怎么取消一个checkbox的选中状态,让全选的checkbox选中状态取消,第1张

写判断。

1.点击全选时是把所有的项加上checked

2.获取这个checked的数量

3.当checked数量不等于全部项的数量时,就把全选按钮的checked属性设为false

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

 <head>

  <title> New Document </title>

  <script type="text/javascript">

  //全选

function test()

{

   var f=document.getElementsByName("game")

   

for(var i=0i<f.lengthi++)

{

if(f[i].checked==false)

{

f[i].checked=true

}

}

}

//反选

function ftest()

{

var f=document.getElementsByName("game")

for( var i=0i<f.lengthi++)

{

if(f[i].checked==false)

{

f[i].checked=true

}

else

{

f[i].checked=false

}

}

}

//全部取消

function CancelAll()

{

var f=document.getElementsByName("game")

for( var i=0i<f.lengthi++)

{

if(f[i].checked==true)

{

f[i].checked=false

}

}

}

  </script>

 </head>

 <body>

<input name="game" type="checkbox" value="lanqiu"/>篮球

<input name="game" type="checkbox" value="zuqiu"/>足球

<input name="game" type="checkbox" value="pingpangqiu"/>乒乓球

<input name="game" type="checkbox" value="bangqiu"/>棒球

<input name="game" type="checkbox" value="ganlanqiu"/>橄榄球<br/>

<input type="button" value="全选" onclick="test()"/>

<input type="button" value="反选" onclick="ftest()"/>

<input type="button" value="全不选" onclick="CancelAll()"/>

</body>

</html>

把if(f[i].checked=true) 改为 if(f[i].checked==true)