Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 限制可以选中的复选框_Javascript_Jquery_Checkbox - Fatal编程技术网

Javascript 限制可以选中的复选框

Javascript 限制可以选中的复选框,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我正在第页创建动态列表。输入元素使用来自db的数据进行传播 我想做的是在输入元素中列出数据,并在每行末尾加上一个复选框。但我只想允许用户单击其中的任意3个复选框 可以有20个选项,但只能选择3个 然后他们可以从这里开始。因此,我有一个提交按钮,我希望禁用,除非3点 所以输入元素和复选框是这样的 <input class="inputLONG" type="text" READONLY value="123 Hauton Road, Burpengary QLD 4506" class="s

我正在第页创建动态列表。输入元素使用来自db的数据进行传播

我想做的是在输入元素中列出数据,并在每行末尾加上一个复选框。但我只想允许用户单击其中的任意3个复选框

可以有20个选项,但只能选择3个

然后他们可以从这里开始。因此,我有一个提交按钮,我希望禁用,除非3点

所以输入元素和复选框是这样的

<input class="inputLONG" type="text" READONLY value="123 Hauton Road, Burpengary QLD 4506" class="small">&nbsp;&nbsp;<input name="approved" id="check1" value="1" type="checkBox" />
<input class="inputLONG" type="text" READONLY value="86 Clandestine Boulevard, Beachmere QLD 4505" class="small">&nbsp;&nbsp;<input name="approved" id="check2" value="1" type="checkBox" />
<input class="inputLONG" type="text" READONLY value="82 Sentinnel Court, Raby Bay QLD 4178" class="small">&nbsp;&nbsp;<input name="approved" id="check3" value="1" type="checkBox" />
<input class="inputLONG" type="text" READONLY value="1 Lido Court, Wellington Point QLD 4200" class="small">&nbsp;&nbsp;<input name="approved" id="check4" value="1" type="checkBox" />

和订购按钮。除非勾选了三个复选框,否则需要禁用

<span class="samplePromo">Order</span>
顺序
谢谢你的帮助


哦,可以选择不少于或不多于3个。

编写自定义函数,该函数将激活复选框的onclick(或onchange),在选中3个时禁用其余的复选框,启用按钮,如果启用少于3个,则做出相反的反应…

找到一个脚本来执行我认为的操作


我在JSFIDLE中为您编写了一个小片段

编辑:

解决评论中讨论的场景的新方法


我一直在找这个+1.我明白这个道理了!:)哈哈,但我需要知道是否有人可以制作小提琴或一些示例脚本有什么原因使所有复选框都不可点击?@Matt:我的小提琴的一些更改被还原了,我不知道为什么,我已经创建了一个新的小提琴,请现在看一看。谢谢,太好了。当我们使用CSS显示submit按钮时,它有一个悬停效果。更改css按钮的不透明度会很酷,直到所有三个复选框都被单击为止。投票最佳答案Thanksher的纯JS版本(看看它在引擎盖下是如何工作的):我的问题是@Mahesh Velaga,我怎么能让这两个在同一个页面上运行,但分开工作?Matt我看不出你的代码有什么不同,但与其他代码的工作原理相同。区别是什么。如果用户试图单击“提交”按钮,您真的希望在该按钮上附加一个警报,说明您需要选择3个项目