jquery checkbox 限制多选的个数

简介: 2015年11月6日 16:32:49 选中第四个的时候提示超过了3个, 点解alert框取消后, 将最后一个选中的checkbox取消选中 1 2 $(document).ready(function (){ 3 $('input[type=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>

 

目录
相关文章
|
8月前
|
JavaScript 数据库
2021-07-31大连东软实训第十天---监听器,过滤器,cookie,jQuery基本语法,多选
2021-07-31大连东软实训第十天---监听器,过滤器,cookie,jQuery基本语法,多选
39 0
|
5月前
|
JavaScript
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(4):复选框checkbox赋值
39 1
|
5月前
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
32 0
|
5月前
|
JavaScript
jQuery 复选框 checkbox 取值和赋值
jQuery 复选框 checkbox 取值和赋值
|
5月前
|
JavaScript Java
jQuery点击checkbox选择标签到指定的位置
jQuery点击checkbox选择标签到指定的位置
27 0
|
8月前
|
JavaScript 前端开发
一行jQuery代码搞定checkbox 全选和全不选
一行jQuery代码搞定checkbox 全选和全不选
|
JavaScript
jquery 使用attr方法对checkBox进行全选和反选操作
一次点击按钮进行全选的时候,checkbox全部选中;再次点击的时候,checkbox取消选中。 第二次,第三次,之后再点击,没有效果,代码也执行。checkbox的checked属性也改变,但是checkbox就是没有 被选中。问题解决办法是把红色部分中的attr方法修改
103 0
|
JavaScript 前端开发
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
247 0
|
JavaScript
|
Web App开发 XML JavaScript
一些实用的JQuery代码片段收集(筛选,搜索,样式,清除默认值,多选等) - 草稿
1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。
1018 0