如何从javascript中的多个复选框中选择一个复选框 [英] How to select one checkbox from multiple checkboxes in javascript
本文介绍了如何从javascript中的多个复选框中选择一个复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<asp:checkbox id="Checkbox1" runat="server" CssClass="Checkbox" onclick="fnCheckOne(this);">
<asp:checkbox id="Checkbox2" runat="server" CssClass="Checkbox" onclick="fnCheckOne(this);"></asp:checkbox>
<asp:checkbox id="Checkbox3" runat="server" CssClass="Checkbox" onclick="fnCheckOne(this);"></asp:checkbox>
< br $> b $ b
我尝试过:
What I have tried:
function fnCheckOne(me) {
debugger;
alert("HI");
me.checked = true;
var chkary = document.getElementsByTagName('input');
for (i = 0; i < chkary.length; i++) {
if (chkary[i].type =='checkbox') {
if (chkary[i].parentElement.groupname == 'grup1') {
if (chkary[i].id != me.id)
chkary[i].checked = false;
}
}
}
}
推荐答案
<div>
<asp:CheckBox ID="cb1" runat="server" />
<asp:CheckBox ID="cb2" runat="server" />
<asp:CheckBox ID="cb3" runat="server" />
</div>
<script>
window.onload = function () {
(function () {
document.getElementById("cb1").onclick = function () {
checkClickedCheckBoxTrue("cb1", "cb2", "cb3")
};
})();
(function () {
document.getElementById("cb2").onclick = function () {
checkClickedCheckBoxTrue("cb2", "cb1", "cb3")
};
})();
(function () {
document.getElementById("cb3").onclick = function () {
checkClickedCheckBoxTrue("cb3", "cb2", "cb1")
};
})();
};
function checkClickedCheckBoxTrue(cb1,cb2,cb3)
{
var check = document.getElementById(cb1)
if (check.checked)
{
check.checked = true
}
else
{
check.checked = false
}
document.getElementById(cb2).checked = false
document.getElementById(cb3).checked = false
return false;
}
</script>
这篇关于如何从javascript中的多个复选框中选择一个复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文