各位大侠,在下写了一段复选框全选,不选,反选的js程序,但是点了没有效果,请各位帮忙看下代码哪里出错
这是在下写的代码,请各位大侠费心看下是哪里出的问题<body><fontsize="默认"face="楷体"color="#FF0000">请选择您的爱好</font><...
这是在下写的代码,请各位大侠费心看下是哪里出的问题
<body>
<font size="默认" face="楷体" color="#FF0000">请选择您的爱好</font> <br/>
<input type="checkbox" name="n[]" value="1" />运动
<input type="checkbox" name="n[]" value="2" />看书
<input type="checkbox" name="n[]" value="3" />逛街
<input type="checkbox" name="n[]" value="4" />旅游
<input type="checkbox" name="n[]" value="5" />美食
<input type="checkbox" name="n[]" value="6" />睡觉
<p>
<input type="button" value="全选" onclick="fx("n[]",0)"/>
<input type="button" value="全不选" onclick="fx("n[]",1)"/>
<input type="button" value="反选" onclick="fx("n[]",2)"/>
<script>
function fx(name,val)
{
var a = document.getElementsByName(name);
if(val==0)
{
for(var i=0, len = a.length; i<len; i++)
{
a[i].checked = true;
}
}else if(val==1)
{
for(var i=0,len = a.length; i<len; i++)
{
a[i].checked=false;
}
}else if(val==2)
{
for(var i=0,len = a.length;i<len;i++)
{
if(a[i].checked = true)
{
a[i].checked = false;
}else
{
a[i].checked = true;
}
}
}
}
</script>
</body>
在这里先谢过各位大侠了! 展开
<body>
<font size="默认" face="楷体" color="#FF0000">请选择您的爱好</font> <br/>
<input type="checkbox" name="n[]" value="1" />运动
<input type="checkbox" name="n[]" value="2" />看书
<input type="checkbox" name="n[]" value="3" />逛街
<input type="checkbox" name="n[]" value="4" />旅游
<input type="checkbox" name="n[]" value="5" />美食
<input type="checkbox" name="n[]" value="6" />睡觉
<p>
<input type="button" value="全选" onclick="fx("n[]",0)"/>
<input type="button" value="全不选" onclick="fx("n[]",1)"/>
<input type="button" value="反选" onclick="fx("n[]",2)"/>
<script>
function fx(name,val)
{
var a = document.getElementsByName(name);
if(val==0)
{
for(var i=0, len = a.length; i<len; i++)
{
a[i].checked = true;
}
}else if(val==1)
{
for(var i=0,len = a.length; i<len; i++)
{
a[i].checked=false;
}
}else if(val==2)
{
for(var i=0,len = a.length;i<len;i++)
{
if(a[i].checked = true)
{
a[i].checked = false;
}else
{
a[i].checked = true;
}
}
}
}
</script>
</body>
在这里先谢过各位大侠了! 展开
3个回答
展开全部
<input type="button" value="全选" onclick="fx("n[]",0)"/>
<input type="button" value="全不选" onclick="fx("n[]",1)"/>
<input type="button" value="反选" onclick="fx("n[]",2)"/>这错了
<font size="默认" face="楷体" color="#FF0000">请选择您的爱好</font> <br/>
<input type="checkbox" name="n" value="1" />运动
<input type="checkbox" name="n" value="2" />看书
<input type="checkbox" name="n" value="3" />逛街
<input type="checkbox" name="n" value="4" />旅游
<input type="checkbox" name="n" value="5" />美食
<input type="checkbox" name="n" value="6" />睡觉
<p>
<input type="button" value="全选" onclick="fx('n',0)"/>
<input type="button" value="全不选" onclick="fx('n',1)"/>
<input type="button" value="反选" onclick="fx('n',2)"/>
<input type="button" value="全不选" onclick="fx("n[]",1)"/>
<input type="button" value="反选" onclick="fx("n[]",2)"/>这错了
<font size="默认" face="楷体" color="#FF0000">请选择您的爱好</font> <br/>
<input type="checkbox" name="n" value="1" />运动
<input type="checkbox" name="n" value="2" />看书
<input type="checkbox" name="n" value="3" />逛街
<input type="checkbox" name="n" value="4" />旅游
<input type="checkbox" name="n" value="5" />美食
<input type="checkbox" name="n" value="6" />睡觉
<p>
<input type="button" value="全选" onclick="fx('n',0)"/>
<input type="button" value="全不选" onclick="fx('n',1)"/>
<input type="button" value="反选" onclick="fx('n',2)"/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
干嘛弄那么复杂,给你一段代码,你参考参考,希望对你有帮助:
//实现checkbox全选反选
function ReSelectCheckBox(IsChecked) {
var form = document.forms[0];
for (i = 0; i < form.elements.length; i++) {
if (form.elements[i].type == "checkbox") {
form.elements[i].checked = IsChecked.checked;
}
}
}
调用:<input id="checkAll" name="checkAll" type="checkbox" onclick="ReSelectCheckBox(this)" title="选择" />
//实现checkbox全选反选
function ReSelectCheckBox(IsChecked) {
var form = document.forms[0];
for (i = 0; i < form.elements.length; i++) {
if (form.elements[i].type == "checkbox") {
form.elements[i].checked = IsChecked.checked;
}
}
}
调用:<input id="checkAll" name="checkAll" type="checkbox" onclick="ReSelectCheckBox(this)" title="选择" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
估计是调用时出得问题
应该这么写
onclick="fx(‘n[]’,0);"
如果还不行
name别用[]这样的字符。
应该这么写
onclick="fx(‘n[]’,0);"
如果还不行
name别用[]这样的字符。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询