本文实例讲述了JS实现checkbox互斥(单选)功能。分享给大家供大家参考,具体如下:
www.ddpool.cn CheckBox单选function sel1(obj){
if(obj.checked){
//如果当前项被选中了
document.all.chk2.checked=false
//则不能选择第二组
document.all.sel1.selectedIndex=4
//指定下拉框中选择的项
}
}
function sel2(obj){
if(obj.checked){
//如果当前项被选中了
document.all.chk1.checked=false
//则不能选择第一组
document.all.sel1.selectedIndex=0
//指定下拉框中选择的项
}
}
A组
value="checkbox" id="chk1" onClick="sel1(this)">
B组
value="checkbox" id="chk2" onClick="sel2(this)">
C
个人
200米
400米
800米
200米接力
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.ddpool.cn/code/HtmlJsRun测试上述代码运行效果。
希望本文所述对大家JavaScript程序设计有所帮助。