上一篇
下一篇
07-07
08
单击一组件实现多选
作者:Java伴侣 日期:2007-07-08
复制内容到剪贴板
程序代码
程序代码<html>
<head>
<script>
function changeValue(c_all)
{
for(i=1;i<4;i++)
{
var abc=document.getElementById("c"+i);
abc.checked=!(abc.checked);
}
}
</script>
</head>
<body onload="tryA()">
<br>
<form name=f1>
<input id="abc" name=c1 type=checkbox value="off" >
1.<br>
<input type=checkbox name=c2 >
2.<br>
<input type=checkbox name=c3 >
3.<br>
<input type=checkbox name=all onclick="changeValue(this)">
全选/取消
</form>
</body>
</html>
<head>
<script>
function changeValue(c_all)
{
for(i=1;i<4;i++)
{
var abc=document.getElementById("c"+i);
abc.checked=!(abc.checked);
}
}
</script>
</head>
<body onload="tryA()">
<br>
<form name=f1>
<input id="abc" name=c1 type=checkbox value="off" >
1.<br>
<input type=checkbox name=c2 >
2.<br>
<input type=checkbox name=c3 >
3.<br>
<input type=checkbox name=all onclick="changeValue(this)">
全选/取消
</form>
</body>
</html>
——————————————————————
运行时会出现错误提示，属于越界问题，可在for循环里面进行修改为：for(i=1;i<4;i++)
演示效果：
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: 681
发表评论
