今天在做项目时，碰到一个问题，我须要展示多个checkbox复选框，而仅仅能同意最多选6个。调试了老半天。最终出来了，代码例如以下：

<SCRIPT LANGUAGE="JavaScript">

var c=0,limit=6;

function doCheck(obj) {

    obj.checked?c++:c--;

    if(c>limit){

	    obj.checked=false;

	    alert("over");

	    c--;

    }

}

</SCRIPT>

<html>

<body>

    <input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A

    <input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B

    <input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C

    <input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D

    <input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E

    <input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F

    <input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G

    <input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H

    <input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I

    <input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J

</body>

</html>

展示结果例如以下：

特此分享，希望对大家有帮助☺

js限制checkbox选中个数的更多相关文章

  1. JQuery Checkbox 获取多选值 Checkbox选中个数

    1.获取checkbox选中个数 $("input[name='ckb-jobid']:checked").length $("input[type='checkbox' ...

  2. 复选框checkbox选中个数限制

    今天遇到一个问题:就是项目里有用到限制 checkbox框选中个数,看起来很简单,但是确实花了点时间才弄清楚,废话不多说,上代码 <!DOCTYPE html> <html lang ...

  3. checkbox 选中个数

    背景: 1 Choose1 全选checkbox ,选中此checkbox,子列表的checkbox全部为选中状态. 2 在子列表中如果去掉一个checkbox则Choose1 的全选状态也改为不选中 ...

  4. js获得checkbox选中值及input后面的文本

    原文:http://blog.csdn.net/u014079773/article/details/51865596 js如何获得多个checkbox选中的值及input后面所跟的文本 <!d ...

  5. JS获取checkbox的个数

    本文算是转载自网络,当时用了他的函数,现在想总结一下,但忘了原文地址了 ================================================================ ...

  6. js 获取checkbox选中项目

    # //获取选中项 $('#submit').click(function () { var check_list = [] $("input[name='ck']:checked" ...

  7. 【jQuery获取下拉框select、单选框radio、input普通框的值和checkbox选中的个数】

    radio单选框:name属性相同 <input type="radio" id="sp_type" name="p_type" va ...

  8. js获取到的页面中的checkbox选中的项

    需求描述:列表第一列是checkbox name和value都是id 想通过复选框的勾选状态来获取id,在js中获取 js代码: var checkId=$("input[name='che ...

  9. js获取checkbox复选框获取选中的选项

    js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现 ...

随机推荐

  1. B - Is your horseshoe on the other hoof?

    Problem description Valera the Horse is going to the party with friends. He has been following the f ...

  2. strcpy自实现

    为了避免strcpy源串覆盖问题(P220),自实现strcpy. #include <stdio.h> #include <string.h> #include <as ...

  3. 5.29 @Value{name}无效时怎么办Could not resolve placeholder ‘name22’ in value “${name22}” 错误解决

    springboot Caused by: java.lang.IllegalArgumentException: Could not resolve placeholder ‘name22’ in ...

  4. “阻塞”与"非阻塞"与"同步"与“异步"

    链接:http://www.zhihu.com/question/19732473/answer/20851256来源:知乎 “阻塞”与"非阻塞"与"同步"与“ ...

  5. ios 指纹识别解锁

    :添加LocalAuthentication.framework框架 :实现过程 #import "ViewController.h" #import <LocalAuthe ...

  6. List 练习

    (List)已知有一个Worker 类如下: public class Worker { private int age; private String name; private double sa ...

  7. 水仙花数------"水仙花数 "是指一个三位数，其各位数字立方和等于该数本身。(for循环的嵌套)

    package com.zuoye.test;//打印出所有的 "水仙花数 ",所谓 "水仙花数 "是指一个三位数,//其各位数字立方和等于该数本身.//例如: ...

  8. Deutsch lernen (15)

    1.    unterscheiden - unterschied - unterschieden  区别,区分:(能够)分清 Die beiden Begriffe sind nur schwer ...

  9. Deutsch lernen (11)

    1. anwesend a. 出席的,在场的 ~ abwesend Es waren gegen 50 Leute anwesend. 2. gespannt a. (心情)急切的,急于想知道的:紧张 ...

  10. Assembly之instruction之Register Mode

    Assembler Code Content of ROM MOV R10,R11 MOV R10,R11 Length: One or two words Operation: Move the c ...