网页投票系统中的限制

2016-02-20 00:52 12 1 收藏

图老师小编精心整理的网页投票系统中的限制希望大家喜欢，觉得好的亲们记得收藏起来哦！您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发】

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

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

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

SCRIPT LANGUAGE="JavaScript"!--//checkbox元素的名字前缀，本例为sample1,sample2,sample3...var sCtrlPrefix = "sample";//checkbox元素数量，本例有10个；var iMaxCheckbox = 10;//设置最大允许选择的数量；var iMaxSelected = 3;function doCheck(ctrl) {var iNumChecked = 0;var thisCtrl;var i;//初始化i = 1;//循环直到选中了最多的checkbox;while ((i = iMaxCheckbox) && (iNumChecked = iMaxSelected)) {thisCtrl = eval("ctrl.form." + sCtrlPrefix + i);if ((thisCtrl != ctrl) && (thisCtrl.checked)) {iNumChecked++;}i++;}// 检查是否达到了最大选择数量；if (iNumChecked == iMaxSelected) {// 如果是则uncheck刚选择的元素；ctrl.checked = false;ALERTXT="最多可选"+iMaxSelected+"个"alert(ALERTXT);}}// --/SCRIPTform name="form" method="post"input type="CHECKBOX" name="sample1" onClick="doCheck(this)"Ainput type="CHECKBOX" name="sample2" onClick="doCheck(this)"Binput type="CHECKBOX" name="sample3" onClick="doCheck(this)"Cinput type="CHECKBOX" name="sample4" onClick="doCheck(this)"Dinput type="CHECKBOX" name="sample5" onClick="doCheck(this)"Einput type="CHECKBOX" name="sample6" onClick="doCheck(this)"Finput type="CHECKBOX" name="sample7" onClick="doCheck(this)"Ginput type="CHECKBOX" name="sample8" onClick="doCheck(this)"Hinput type="CHECKBOX" name="sample9" onClick="doCheck(this)"Iinput type="CHECKBOX" name="sample10" onClick="doCheck(this)"J/form
[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(climit)obj.checked=false,c--;}/SCRIPTform name="form" method="post"input type="CHECKBOX" name="sample1" onClick="doCheck(this)"Ainput type="CHECKBOX" name="sample2" onClick="doCheck(this)"Binput type="CHECKBOX" name="sample3" onClick="doCheck(this)"Cinput type="CHECKBOX" name="sample4" onClick="doCheck(this)"Dinput type="CHECKBOX" name="sample5" onClick="doCheck(this)"Einput type="CHECKBOX" name="sample6" onClick="doCheck(this)"Finput type="CHECKBOX" name="sample7" onClick="doCheck(this)"Ginput type="CHECKBOX" name="sample8" onClick="doCheck(this)"Hinput type="CHECKBOX" name="sample9" onClick="doCheck(this)"Iinput 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(climit)obj.checked=false,c--,alert(ALERTXT);}/SCRIPTform name="form" method="post"input type="CHECKBOX" name="sample1" onClick="doCheck(this)"Ainput type="CHECKBOX" name="sample2" onClick="doCheck(this)"Binput type="CHECKBOX" name="sample3" onClick="doCheck(this)"Cinput type="CHECKBOX" name="sample4" onClick="doCheck(this)"Dinput type="CHECKBOX" name="sample5" onClick="doCheck(this)"Einput type="CHECKBOX" name="sample6" onClick="doCheck(this)"Finput type="CHECKBOX" name="sample7" onClick="doCheck(this)"Ginput type="CHECKBOX" name="sample8" onClick="doCheck(this)"Hinput type="CHECKBOX" name="sample9" onClick="doCheck(this)"Iinput type="CHECKBOX" name="sample10" onClick="doCheck(this)"J/form
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

来源:http://www.tulaoshi.com/n/20160220/1632718.html

上一篇： win10字体大小设置方法
下一篇： Javascript编程语言和DOM接口系列教程(1)

看过《网页投票系统中的限制》的人还看了以下文章更多>>

Excel使用中的种种限制教程

标签：电脑入门

Excel不是万能的，在一些方面总有限制让人觉得不爽，于是我们就看到论坛上的朋友一个劲的在那问一些Excel没有办法做到的问题，而且是你问过我问非有不问到死不罢休的架势。为了避免网友重复发问，节约大家的时间，我先总结了几条，希望看过的朋友有所启发。当然，肯定还有我没有写到的地方，就待大家补充了。 1自定义格式的条件不能超过3个，...

一个投票系统的源程序(coveryourasp.com)

标签： ASP

SurveyDescr.asp <!--#include file = "include/Startup.asp"-- <!--#include file = "utils/Survey.asp"-- <% // ============================================ // NOTE: all source code downloaded from CoverYourASP was written by // James Shaw (unless stated otherwise), and is copyrigh...

在Linux中限制用户空间

标签： Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理

在Linux中限制用户的磁盘使用空间使用的是Quota，一般Quota在安装Linux时就已包括在内核中，不需要另行安装。Quota可以从两方面指定磁盘的储存限制: 使用者所能够支配的索引节点(inodes)数量；以及使用者可以取用的磁盘区块数量。在使用Quota监视用户时，一旦用户使用空间超出缓冲值(soft)就会发出警告，如超出限定值(hard)就会禁止用...

Firefox如何解除网页对鼠标右键的限制

标签：浏览器

Firefox如何解除网页对鼠标右键的限制打开Firefox，点击选项 - 内容 - 启用javascript - 高级 - 禁用或者替换上下文菜单取消该项前的勾选就可以解除网页对鼠标右键的限制了。

在你的网页中嵌入外部网页的方法

标签： Web开发

Description: Using a tabbed interface, this DHTML script lets you display external web pages inline on your page, with the help of the IFRAME tag. We threw in a feature ...

查看更多精彩>>