jquery checkbox 限制多选的个数

2015年11月6日 16:32:49

选中第四个的时候提示超过了3个, 点解alert框取消后, 将最后一个选中的checkbox取消选中

 1 <script>
 2     $(document).ready(function (){
 3         $(‘input[type=checkbox]‘).click(function(){
 4             if ($("input[name=‘contract[]‘]:checked").length > 3) {
 5                 alert(‘最多选3个‘);
 6                 $(this).removeAttr("checked");
 7             }
 8         });
 9     });
10 </script>
时间: 2024-10-11 22:58:13

jquery checkbox 限制多选的个数的相关文章

在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他)

一.在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下: // 对全选和取消全选的事件 $("#CheckAll").click(function () {                var checkedOfAll = $(this).prop("checked");                if (checkedOfAll == true) {                    $("input[id*='check']

jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox

jquery checkbox的相关操作——全选.反选.获得所有选中的checkbox 1.全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2.取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']&

jquery checkbox勾选/取消勾选的诡异问题

<form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" v

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

jQuery --checkbox全选和取消全选简洁高效的解决办法

最近在公司做了一个小项目,其中有一个全选和取消全选的这么一个模块,搞了半天找不到一种最佳的解决方案!后来通过各种努力找到了一种简洁高效的解决办法,这里想和大家分享一下.有问题的话,还望各路大神指导一二. html代码如下: <fieldset data-role="controlgroup">  <label><input type="checkbox" name="boxes" id="select_al

【Jquery】checkbox的全选和全不选

刚学Jquery,在做checkbox的全选全不选时遇到了一个问题,使用attr()方法的话, 只能成功全选和取消全选一次,第二次就不行了,如下面 $("#chkAll").click(function(){ if(this.checked==true){ $("#tab input[type='checkbox']").attr("checked",true); }else{ $("#tab input[type='checkbox'

jquery checkbox 全选 不要用attr要用 prop

最近的项目要用到checkbox全选功能,然而使用 attr时总是出现第二次点击时checkbox不变化.后来搜索后,发现在jquery1.6以后已经不用attr处理布尔值的属性了. 查看文档发现 properties就是浏览器用来记录当前值的东西.正常情况下,properties反映它们相应的attributes(如果存在的话).但这并不是boolean attriubutes的情况.当用户点击一个checkbox元素或选中一个select元素的一个option时,boolean proper

jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次

jquery checkbox全选,全不选,反选方法, jquery checkbox全选只能操作一次, jquery checkbox全选只有第一次成功 Js代码  下载 /** * 全选 * 对于Jquey1.7.2+版本,使用attr会造成只能操作一次. * 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. * 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. * @param checkName */ function checkAll(chec

Jquery 利用单个复选款(checkbox)实现全选、反选

1 <script type="text/javascript"> 2 $(function(){ 3 //全选 4 $("#CheckedAll").click(function(){ 5 $('[name=items]:checkbox').attr("checked", this.checked ); 6 }); 7 $('[name=items]:checkbox').click(function(){ 8 //定义一个临时变