• 技术文章 >web前端 >js教程

    js实现复选框只能选择一项的方法详解

    小云云小云云2018-01-24 09:37:38原创1982
    本文主要为大家分享一篇js 实现复选框只能选择一项的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

    实例如下所示:

    <!DOCTYPE HTML>
    <html>
    <head>
     <title></title>
    </head>
    <body>
    <ul>
     <li><input type="checkbox" name="ss" onclick="choose(this)">1</li>
     <li><input type="checkbox" name="ss" onclick="choose(this)">2</li>
     <li><input type="checkbox" name="ss" onclick="choose(this)">3</li>
     <li><input type="checkbox" name="ss" onclick="choose(this)">4</li>
     <li><input type="checkbox" name="ss" onclick="choose(this)">5</li>
    </ul>
    <script language="JavaScript">
     function choose(obj){
      var ss= document.getElementsByName("ss");
      for (var i = 0; i < ss.length; i++) {
       ss[i].checked = false;
      }
      obj.checked = true;
     }
    </script>
    </body>
    </html>

    大家学会了吗?赶紧动手尝试一下吧。

    让复选框只能选择一项的方法_javascript技巧

    jquery处理checkbox复选框是否被选中实例代码分享

    实例详解jQuery获取复选框选中的当前行的某个字段的值_

    以上就是js实现复选框只能选择一项的方法详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 复选框 一项
    上一篇:BootStrap自定义popover实现点击区域隐藏功能 下一篇:js和jQuery以及easyui实现对下拉框的指定赋值实例分享
    大前端线上培训班

    相关文章推荐

    • JavaScript怎么删除延时器• javascript是单进程还是多线程• javascript怎么实现5秒后跳转页面• javascript怎么修改span• javascript中如何获取属性

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网