经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » jQuery » 查看文章
jquery 实现只能选中一个checkbox,选中当前的去除上一个
来源:cnblogs  作者:Ananiah  时间:2019/9/10 10:54:23  对本文有异议

jq 实现只能选中一个checkbox,选中当前的去除上一个。

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

 

原文链接:http://www.cnblogs.com/Ananiah/p/11452109.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号