js全选,反选,取消

JavaScript027

js全选,反选,取消,第1张

<!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)

假如页面上有n个checkbox控件,名字设置为sel

<INPUT id=chkbx type=checkbox>选项A

<INPUT id=chkbx type=checkbox>选项B

<INPUT id=chkbx type=checkbox>选项C

js如下代码即可实现:

for(var o in chkbx)o.checked=false//全不选

for(var o in chkbx)o.checked=true//全选

for(var o in chkbx)o.checked=!o.checked//反选