JS兑现checkbox单选
日期：2014-05-16 浏览次数：20350 次
JS实现checkbox单选
<html>
<BODY>
<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4
</BODY>
</html>
<script>
//chooseOne()函式
function chooseOne(cb){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("cbox");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=cb) obj[i].checked = false;
//若是 但原先未被勾選 則變成勾選；反之 則變為未勾選
//else obj[i].checked = cb.checked;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
</script>
<html>
<BODY>
<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4
</BODY>
</html>
<script>
//chooseOne()函式
function chooseOne(cb){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("cbox");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=cb) obj[i].checked = false;
//若是 但原先未被勾選 則變成勾選；反之 則變為未勾選
//else obj[i].checked = cb.checked;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
</script>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
