js全选，反选，全不选

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
//全选
function test()
{

for(var i=0;i<document.getElementsByName.length;i++)
{
var f=document.getElementsByName[i];
if(f.checked=false)
{
f.checked=true;
}
}
}
//反选
function ftest()
{
for( var i=0;i<document.getElementsByName.length;i++)
{
f=document.getElementsByName[i];
if(f.checked=false)
{
f.checked=true;
}
else
{
f.checked=false;
}
}
}
//全部取消
function CancelAll()
{
for( var i=0;i<document.getElementsByName.length;i++)
{
f=document.getElementsByName[i];
if(f.checked=true)
{
f.checked=false;
}
}
}
</script>
</head>

<body>
<input name="game1" type="checkbox" value="lanqiu"/>篮球
<input name="game2" type="checkbox" value="zuqiu"/>足球
<input name="game3" type="checkbox" value="pingpangqiu"/>乒乓球
<input name="game4" type="checkbox" value="bangqiu"/>棒球
<input name="game5" 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>
哪里有问题，没反应啊

举报该文章

相关建议推荐于2017-10-10

首先选择器写法就不对

document.getElementsByName['game']，至少这么写

其次

由于你所有input标签所有的name属性都不一样，不能批量选择，除非像楼上贴代码那哥们一样，把所有的复选框的name属性都改为game也可以。如果纯粹是为了达到目的话用document.getElementsByTagName("input")，能达到效果

另外，楼上也提到了，判断的等号==

还有提醒楼主一下，不要反复的使用选择器，少量代码无所谓，大量代码的情况下会降低运算效率的。

在楼主的代码基础上改了一下

//全选
function test()
{
obj = document.getElementsByTagName("input")
for(var i=0;i<obj.length-3;i++)
{
var f=obj[i];
if(f.checked==false)
{
f.checked=true;
}
}
}
//反选
function ftest()
{
obj = document.getElementsByTagName("input")
for( var i=0;i<obj.length-3;i++)
{
f=obj[i];
if(f.checked==false)
{
f.checked=true;
}
else
{
f.checked=false;
}
}
}
//全部取消
function CancelAll()
{
obj = document.getElementsByTagName("input")
for( var i=0;i<obj.length-3;i++)
{
f=obj[i];
if(f.checked==true)
{
f.checked=false;
}
}
}

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/fsm28f8m474v2vpm48m.html

其他看法

第1个回答 2014-11-17

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>MODEL PAGE</title>
<script type="text/javascript">
var choose = function (flag)
    {
var games = document.getElementsByName('game');
if (flag === 1)
        {
for ( var i = 0; i < games.length; i++)
        {
        games[i].checked = true;
        }
        }
else if (flag === -1)
        {
for ( var i = 0; i < games.length; i++)
        {
        games[i].checked = !games[i].checked;
        }
        }
else if (flag === 0)
        {
for ( var i = 0; i < games.length; i++)
        {
        games[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="choose(1)" />
<input type="button" value="反选" onclick="choose(-1)" />
<input type="button" value="全不选" onclick="choose(0)" />
</body>
</html>

第2个回答 2014-11-17

你的if判断的等号有问题==

相似回答

大家正在搜