• 全部
  • 问答

网页上5个name不同的checkbox，如果编写函数控制只能选中一个

acewang 2003-09-08 10:22:02
网页上5个name不同的checkbox，如果编写函数控制只能选中一个
我是在VS.net里面用，但是发现给checkbox添加Attributes["onclick"]总是添加到label上，怎么办？
...全文
93 点赞 收藏 11
写回复
11 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
acewang 2003-09-08
我要实现的是要么不选,要选就得只选一项,我也郁闷阿.

谢谢 cloudchen(陈系上) hrong(黄蓉)
 回复 赞
hrong 2003-09-08
楼主, 你可以不使用原来的 <asp:checkbox ...>写法而使用另一种写法:

<input type="checkbox" id="chk2" name="chk2" runat="server">
<label for="chk2">多选框</label>

后台: chk2.Attributes["onclick"] = "alert(456)";

实现的效果与原写法一样, 只是麻烦点而已, 这样生成的HTML代码里的 onclick 事件就是直接对应在 checkbox 里而不是另外生成一个 span 了.

<input name="chk2" id="chk2" type="checkbox" onclick="alert(456)" />
<label for="chk2">多选框</label>
 回复 赞
hrong 2003-09-08
楼主, 你可以不用 <asp:checkbox ...>的这种写法, 你可以换成:

<input type="checkbox" id="chk2" name="chk2" runat="server">
<label for=chk2>多选框</label>

这种写法, 效果与原写法一样只是有点麻烦而已.

后台代码: chk2.Attributes["onclick"] = "alert(456)";
 回复 赞
cloudchen 2003-09-08
就是，不如用单选。两个以上还有意义，一个不如单选
 回复 赞
acewang 2003-09-08
我也挺郁闷,在.net里面他是自动加到span里面的，我也想加到input里，
 回复 赞
yzwxjun 2003-09-08
还不如用单选，自己累自己
 回复 赞
cloudchen 2003-09-08
不是一样
<script>
var canCount = 1;
function checkone(obj) {
if(obj.checked) {
canCount--;
} else {
canCount++;
}
if(canCount<0)obj.checked=false,canCount++;
}
</script>
<span><input id="yun1" type="checkbox" name="yun1" onclick="checkone(this)" /><label for="yun1">水运</label></span>
<span><input id="yun2" type="checkbox" name="yun2" onclick="checkone(this)" /><label for="yun2">空运</label></span>
<span><input id="yun3" type="checkbox" name="yun3" onclick="checkone(this)" /><label for="yun3">陆运</label></span>
<span><input id="yun4" type="checkbox" name="yun4" onclick="checkone(this)" /><label for="yun4">海运</label></span>
<span><input id="yun5" type="checkbox" name="yun5" onclick="checkone(this)" /><label for="yun5">火星</label></span>
 回复 赞
acewang 2003-09-08
这个我知道，但是checkbox控件在页面里面这么显示：
<span onclick="checkone(this)"><input id="yun1" type="checkbox" name="yun1" /><label for="yun1">水运</label></span>

<span onclick="checkone(this)"><input id="yun2" type="checkbox" name="yun2" /><label for="yun2">空运</label></span>
 回复 赞
acewang 2003-09-08
这个我知道，但是checkbox控件在页面里面这么显示：
<span onclick="checkone(this)"><input id="yun1" type="checkbox" name="yun1" /><label for="yun1">水运</label></span>

<span onclick="checkone(this)"><input id="yun2" type="checkbox" name="yun2" /><label for="yun2">空运</label></span>
 回复 赞
acewang 2003-09-08
这个我知道，但是checkbox控件在页面里面这么显示：
<span onclick="checkone(this)"><input id="yun1" type="checkbox" name="yun1" /><label for="yun1">水运</label></span>

<span onclick="checkone(this)"><input id="yun2" type="checkbox" name="yun2" /><label for="yun2">空运</label></span>
 回复 赞
cloudchen 2003-09-08
<script>
var canCount = 1;
function onlyOne(obj) {
if(obj.checked) {
canCount--;
} else {
canCount++;
}
if(canCount<0)obj.checked=false,canCount++;
}
</script>
<form>
<input type="checkbox" name="box" onclick="onlyOne(this)">1.<br>
<input type="checkbox" name="box" onclick="onlyOne(this)">2.<br>
<input type="checkbox" name="box" onclick="onlyOne(this)">3.<br>
<input type="checkbox" name="box" onclick="onlyOne(this)">4.<br>
<input type="checkbox" name="box" onclick="onlyOne(this)">5.<br>
</form>
 回复 赞
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2003-09-08 10:22
社区公告
暂无公告