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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

楼主, 你可以不用 <asp:checkbox ...>的这种写法, 你可以换成:<input type="checkbox" id="chk2" name="chk2" runat="server">
<label for=chk2>多选框</label>这种写法, 效果与原写法一样只是有点麻烦而已.后台代码:     chk2.Attributes["onclick"] = "alert(456)";

Answer 7

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

Answer 8

我要实现的是要么不选,要选就得只选一项,我也郁闷阿.谢谢  cloudchen(陈系上)  hrong(黄蓉)