限制复选框的最大可选数的js代码

在一些网页应用中，就比如在投票系统中，当我们进行的是多项投票时，我们要求用户最多只能选择几项进行投票，这也是就是说选择复选框的个数最多几个.
那么如何设置这最多的几个，我们就需要做些简单的脚本处理。以下代码均转摘自互联网，作者不详。
比如如下的代码则解决了相关问题：

A
B
C
D
E
F
G
H
I
J

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

改代码最需要注意的是
//checkbox元素的名字前缀，本例为sample1,sample2,sample3...
var sCtrlPrefix = "sample";
和
//checkbox元素数量，本例有10个；
var iMaxCheckbox = 10;
checkbox元素的名字前缀和元素数量与页面中定义的稍有差错脚本即失效。
故有如下脚本函数以通用：

var c=0,limit=3;
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit)obj.checked=false,c--;
}

A
B
C
D
E
F
G
H
I
J

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

var c=0,limit=3;
ALERTXT="最多可选"+limit+"个"
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit)obj.checked=false,c--,alert(ALERTXT);
}

A
B
C
D
E
F
G
H
I
J

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 限制复选框的最大可选数的js代码

    在一些网页应用中,就比如在投票系统中,当我们进行的是多项投票时,我们要求用户最多只能选择几项进行投票,这也是就是说选择复选框的个数最多几个. 那么如何设置这最多的几个,我们就需要做些简单的脚本处理.以下代码均转摘自互联网,作者不详. 比如如下的代码则解决了相关问题: A B C D E F G H I J [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 改代码最需要注意的是 //checkbox元素的名字前缀,本例为sample1,sample2,sample3... var sCt

  • 限制复选框的最大可选数

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>html-www.51windows.Net</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- //

  • jQuery操作复选框(CheckBox)的取值赋值实现代码

    1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项: $('input:checkbox').each(function() { if ($(this).attr('c

  • JS实现点击复选框变更DIV显示状态的示例代码

    首先是页面上: <div class="row cl"> <label class="form-label col-xs-4 col-sm-3" style="width: 20%"><span class="c-red">*</span>是否存在促销活动:</label> <div class="formControls col-xs-8 col-s

  • js 实现复选框只能选择一项的示例代码

    实例如下所示: <!DOCTYPE HTML> <html> <head> <title></title> </head> <body> <ul> <li><input type="checkbox" name="ss" onclick="choose(this)">1</li> <li><inpu

  • java通过复选框控件数组实现添加多个复选框控件示例分享

    思路如下: 创建JPanel面板对象:使用JPanel类的setLayout(0,4)方法设置网格布局管理器,即列数为4,行数自动调节:创建一个字符串型一维数组作为控件文本数组:创建一个JCheckBox型一维数组作为控件数组:使用for循环遍历控件数组,初始化数组中的复选框组件,使用JPanel类的add()方法把数组元素(即每个复选框)添加到面板中.代码如下: 复制代码 代码如下: package cn.edu.xidian.crytoll; import java.awt.BorderLa

  • js使用DOM设置单选按钮、复选框及下拉菜单的方法

    本文实例讲述了js使用DOM设置单选按钮.复选框及下拉菜单的方法.分享给大家供大家参考.具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴上一个例子: 复制代码 代码如下: <script type="text/javascript">     function ge

  • js判断复选框是否选中及选中个数的实现代码

    用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示 <HTML> <head> <title>判断复选框是否选中及选中个数</title> <SCRIPT LANGUAGE="JavaScript"> function countChoices(obj) { max = 2; box1 = obj.form.box1.che

  • 限制复选框最多选择项的实现代码

    在一个招聘网站中,通过限制用户选择职位标签个数,可以精确定位用户的职位.例如,以复选框的形式为用户提供一下备选职位标签,限制用户最多选择3个,当超过三个时禁止用户继续选择. 复选框在问卷调查,招聘网站用的很广,今天来介绍一下限制复选框最多选择几项的方法: 思路: 监听复选框的onclick事件 checkbox.onclick = function(){ //代码块 } 监听复选框的checked属性: if(chckbox.checked){ //代码块 } HTML代码: < input t

  • jquery判断复选框是否选中进行答题提示特效

    jquery判断复选框是否选中进行答题提示特效

    本文实例讲述了jquery判断复选框是否选中进行答题提示特效代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 一.实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:根据复选框的选中情况给出相应的提示 二.下面来看主体程序: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <

随机推荐