JS无法实现全选和反选 应该怎么改

JavaScript016

JS无法实现全选和反选 应该怎么改,第1张

有几个地方可能有问题:

部分浏览器不支持form1.这种方法访问控件,使用document.方法。

if(elements[i].type=='checkbox') {

  if(elements[i].checked==false){

         elements[i].checked=true}}

这样写会比较好点:

if (elements[i].type == 'checkbox') elements[i].checked = !elements[i].checked

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