码迷,mamicode.com
首页 > Web开发 > 详细

JQuery 多个checkbox 只选中一个

时间:2018-09-25 14:12:59      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:UNC   data-   pre   name   orm   com   htm   其他   XML   

  1. <form id="common-form">
  2. <input name="check1" type="checkbox"/>check1
  3. <input name="check2" type="checkbox"/>check2
  4. <input name="check3" type="checkbox"/>check3
  5. </form>
  1. $(function() {
  2.   $(‘#common-form‘).find(‘input[type=checkbox]‘).bind(‘click‘, function(){  
  3.           var id = $(this).attr("id");
  4.         
  5.         //当前的checkbox是否选中
  6.         if(this.checked){
  7.             //除当前的checkbox其他的都不选中
  8.             $("#common-form").find(‘input[type=checkbox]‘).not(this).attr("checked", false);
  9.             
  10.             //选中的checkbox数量
  11.             var selectleng = $("input[type=‘checkbox‘]:checked").length;
  12.             console.log("选中的checkbox数量"+selectleng);
  13.         }else{
  14.             //未选中的处理
  15.             console.log("未选中的处理");
  16.         }
  17.     });
  18. })


JQuery 多个checkbox 只选中一个

标签:UNC   data-   pre   name   orm   com   htm   其他   XML   

原文地址:https://www.cnblogs.com/jpfss/p/9699000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!