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

[acewang]

网页上5个name不同的checkbox，如果编写函数控制只能选中一个
我是在VS.net里面用，但是发现给checkbox添加Attributes["onclick"]总是添加到label上，怎么办？

[cloudchen]

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

[acewang]

这个我知道，但是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]

这个我知道，但是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]

这个我知道，但是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]

不是一样
<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>

[yzwxjun]

还不如用单选，自己累自己

[acewang]

我也挺郁闷,在.net里面他是自动加到span里面的，我也想加到input里，

[cloudchen]

就是，不如用单选。两个以上还有意义，一个不如单选

[hrong]

楼主, 你可以不用 <asp:checkbox ...>的这种写法, 你可以换成:

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

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

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

[hrong]

楼主, 你可以不使用原来的 <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>

[acewang]

我要实现的是要么不选,要选就得只选一项,我也郁闷阿.

谢谢 cloudchen(陈系上) hrong(黄蓉)