菜单

澳门太阳集团:JQuery限制复选框checkbox可选中个数的方法

2020年3月1日 - 首页

正文实例陈述了JQuery节制复选框checkbox可选中个数的点子。分享给咱们供我们参照他事他说加以考查。具体深入分析如下:

澳门太阳集团:JQuery限制复选框checkbox可选中个数的方法。JQuery限定复选框checkbox可选中个数的艺术

   这篇随笔首要介绍了JQuery节制复选框checkbox可选中个数的法子,涉及jQuery操作复选框长度判定与个性矫正的相关技术,非常富有实用价值,须求的情人能够参考下

  本文实例陈述了JQuery节制复选框checkbox可选中个数的不二等秘书诀。分享给大家供我们参考。具体分析如下:

  由于品种必要节制可批量操作的文件个数 所以写了一段小代码

  如若选中个数大于允许的最大个数 其余复选框无法选用

  假诺低于则兼具复选框都能选拔

  ?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

<script type="text/javascript">

$(document).ready(function() {

$(‘input[type=checkbox]’).click(function() {

$("input[name=’apk[]’]").attr(‘disabled’, true);

if ($("input[name=’apk[]’]:checked").length >= 3) {

$("input[name=’apk[]’]:checked").attr(‘disabled’, false);

} else {

$("input[name=’apk[]’]").attr(‘disabled’, false);

}

});

})

</script>

<ul>

<li>

<input type="checkbox" name="apk[]" value=1 />

APK1

</li>

<li>

<input type="checkbox" name="apk[]" value=2 />

APK2

</li>

<li>

<input type="checkbox" name="apk[]" value=1 />

APK3

</li>

<li>

<input type="checkbox" name="apk[]" value=4 />

APK4

</li>

<li>

<input type="checkbox" name="apk[]" value=6 />

APK5

</li>

<li>

<input type="checkbox" name="apk[]" value=7 />

APK6

</li>

<li>

<input type="checkbox" name="apk[]" value=8 />

APK7

</li>

</ul>

  希望本文所述对大家的jQuery程序设计有着协助。

那篇随笔首要介绍了JQuery节制复选框checkbox可选中个数的措施,涉及jQuery操作复选框长度决断与属性…

是因为品种需求约束可批量操作的文件个数 所以写了一段小代码
即便选中个数大于允许的最大个数 别的复选框不可能选拔假若低于则兼具复选框都能选用

 $.ready { $('input[type=checkbox]').click { $("input[name='apk[]']").attr; if ($("input[name='apk[]']:checked").length &gt;= 3) { $("input[name='apk[]']:checked").attr; } else { $("input[name='apk[]']").attr; } }); })

愿意本文所述对大家的jQuery程序设计具有助于。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图