JS实现checkbox互斥(单选)功能示例

2024-05-06 16:50:30

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JS实现checkbox互斥(单选)功能。分享给大家供大家参考，具体如下：

<html xmlns="http://www.w3.org/1999/xhtml" ><head><title>www.vevb.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>

希望本文所述对大家JavaScript程序设计有所帮助。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：JavaScript中的垃圾回收与内存泄漏示例详解

下一篇：node Buffer缓存区常见操作示例