限制复选框的最大可选数(转摘) - cnBruce's Blog | 布鲁斯狼

来源：百度文库编辑：神马文学网时间：2024/04/27 20:26:17

本日志标题：限制复选框的最大可选数(转摘) [2008-10-13]

在一些网页应用中，就比如在投票系统中，当我们进行的是多项投票时，我们要求用户最多只能选择几项进行投票，这也是就是说选择复选框的个数最多几个.

那么如何设置这最多的几个，我们就需要做些简单的脚本处理。以下代码均转摘自互联网，作者不详。

比如如下的代码则解决了相关问题：

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

改代码最需要注意的是

//checkbox元素的名字前缀，本例为sample1,sample2,sample3...
var sCtrlPrefix = "sample";

和

//checkbox元素数量，本例有10个；
var iMaxCheckbox = 10;

checkbox元素的名字前缀和元素数量与页面中定义的稍有差错脚本即失效。

故有如下脚本函数以通用：

<SCRIPT  LANGUAGE="JavaScript">            var  c=0,limit=3;            function  doCheck(obj)  {            obj.checked?c++:c--;            if(c>limit)obj.checked=false,c--;            }            </SCRIPT>            <form name="form" method="post">            <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            </form>

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

<SCRIPT LANGUAGE="JavaScript">            var c=0,limit=3;            ALERTXT="最多可选"+limit+"个"            function doCheck(obj) {            obj.checked?c++:c--;            if(c>limit)obj.checked=false,c--,alert(ALERTXT);            }            </SCRIPT>            <form name="form" method="post">            <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            </form>

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]
在百度搜索完整的限制复选框的最大可选数(转摘)内容，或者用Google搜索相关的更多内容

限制复选框的最大可选数(转摘) - cnBruce's Blog | 布鲁斯狼 Dreamweaver扩展（插件）的开发 - CNBRUCE‘S BLOG(布鲁斯狼) /// 专注WEB技术,关注生活点滴网页中各度量单位的比较 - cnBruce's Blog | 布鲁斯狼 CMS(网站内容管理系统)有哪些？ - cnBruce's Blog | 布鲁斯狼常用CSS命名参考 - cnBruce's Blog | 布鲁斯狼常用CSS缩写语法收集 - cnBruce's Blog | 布鲁斯狼 CSS样式表常用小技巧 - cnBruce's Blog | 布鲁斯狼为什么要进行“标准” - CNBRUCE‘S BLOG(布鲁斯狼) CSS框架的相关汇总（CSS Frameworks） - cnBruce's Blog |... 单击按钮将内容复制到剪贴板 - cnBruce's Blog | 布鲁斯狼 DWCS3-CSS布局之一CSS规则大纲 - cnBruce's Blog | 布鲁斯狼 DWCS3-CSS布局之二CSS规则定义 - cnBruce's Blog | 布鲁斯狼 Struts 的动态复选框使用Spry轻松将XML数据显示到HTML页 - cnBruce's Blog | 布鲁斯... Keven’s Blog 数图研究 Web2.0的技术本质关于IIS连接数限制的介绍 Keven’s Blog 数图研究 Folksonomy、Taxonomy与Ontology Keven’s Blog 数图研究 Web2.0应用态势 Keven’s Blog 数图研究图书馆2.0相关技术痛风的可选疗法 IE8下复选框(checkbox)的解决方法 - bask之家 -- 思则远 - Java... 的米-漠石‘s Blog EXCEL必备工具箱--添加/删除复选框 JSP复选框全选和反选