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. })

如果已经有click事件相关方法,并且原有的逻辑不好修改,那么更加简单的方式是:
当创建表单时,如果您想让用户从列表中选择若干个选项时,input标签的type属性请使用 checkbox。如果您限制用户只能选择一个选项,请使用 radio。

最新文章

  1. [No0000A0]批处理命令学习之:常用的特殊符号
  2. Xcode 调试技巧
  3. android studio 和idea 导入library工程
  4. js将金额专成每隔3位数加逗号
  5. svn三大目录trunk、branch和tag
  6. 示例-创建表格&amp;使用表格对象
  7. [原创]java WEB学习笔记68:Struts2 学习之路-- 类型转换与复杂属性配合使用
  8. centOS 6.4下安装中文输入法
  9. IOS Crash捕获
  10. 我的MYSQL学习心得(十三)
  11. android两种方式获取AsyncTask返回值
  12. MYSQL的binlog日志
  13. [leetcode]27. Remove Element删除元素
  14. 快速排序 java详解
  15. 11.2.0.4单实例DRCP(Database Resident Connection Pooling)简单测试
  16. yum和编译两种方式升级or降级Centos内核
  17. 使用jquery提交FormData数据
  18. 解题:BZOJ 2818 GCD
  19. springboot整合mybatis(映射文件方式和注解方式)
  20. (转)intellij idea svn 修改文件后,父文件夹也标注修改

热门文章

  1. 4. Vue-Resource / axios 异步插件
  2. 无法解决 React 启动的报错
  3. 14、序列化操作,类的保存和dict转JSON
  4. Java Web学习总结(7)——HttpServletRequest对象
  5. window.location无法跳转页面的问题
  6. java中Arrays类的应用
  7. [Nuxt] Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates
  8. 如何使用google地图的api(整理)
  9. 同一master,两个slave的server_id相同问题处理
  10. vue学习笔记一:用Key管理可复用元素