8.5w+
社区成员
网页上5个name不同的checkbox，如果编写函数控制只能选中一个
网页上5个name不同的checkbox，如果编写函数控制只能选中一个
我是在VS.net里面用，但是发现给checkbox添加Attributes["onclick"]总是添加到label上，怎么办？
我是在VS.net里面用，但是发现给checkbox添加Attributes["onclick"]总是添加到label上，怎么办？
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
acewang 2003-09-08
我要实现的是要么不选,要选就得只选一项,我也郁闷阿.
谢谢 cloudchen(陈系上) hrong(黄蓉)
谢谢 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>
<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)";
<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>
<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>
<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>
<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>
<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>
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>
