本文实例讲述了JS实现checkbox互斥(单选)功能。分享给大家供大家参考,具体如下:
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>www.haodaima.com CheckBox单选</title> <script language="javascript"> 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 //指定下拉框中选择的项 } } </script> </head> <body> <p>A组 <input type="checkbox" name="checkbox" value="checkbox" id="chk1" onClick="sel1(this)"> </p> <p>B组 <input type="checkbox" name="checkbox2" value="checkbox" id="chk2" onClick="sel2(this)"> </p> <p>C <select name="select" id="sel1"> <option selected="selected">个人</option> <option>200米</option> <option>400米</option> <option>800米</option> <option>200米接力</option> </select> </p> </body> </html>
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.haodaima.com/code/HtmlJsRun测试上述代码运行效果。
希望本文所述对大家JavaScript程序设计有所帮助。
到此这篇关于JS实现checkbox互斥(单选)功能示例就介绍到这了。你永远不知道自己有多坚强,直到有一天你除了坚强再无选择。是你的,就是你的。我们努力了,珍惜了,问心无愧。其他的,交给命运。撑不住的时候,可以对自己说声:我好累,但永远不要在心里承认说:我不行。更多相关JS实现checkbox互斥(单选)功能示例内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!