• checkbox实现互斥


    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>标题页-学无忧(www.xue51.com)</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>
    

      

  • 相关阅读:
    优化总结文章链接
    帧同步、状态同步
    ecs
    AStarPathFinding
    unity 热更方案对比
    C#数据类型
    JavaScript基础
    CSS中margin和padding的区别
    css选择器
    hadoop中使用shell判断HDFS文件是否存在
  • 原文地址:https://www.cnblogs.com/shierfen/p/5432598.html
Copyright © 2020-2023  润新知