限制可以检查的复选框

时间:2011-03-13 05:34:44

标签: javascript jquery checkbox

我正在页面上创建动态列表。输入元素使用db。

中的数据传播

我想要做的是在输入元素中列出数据,并在每行末尾添加一个复选框。但我只想让用户点击任意三个复选框。

可以是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个。

3 个答案:

答案 0 :(得分:3)

答案 1 :(得分:3)

我已经在jsFiddle中为你写了一个小片段。

http://jsfiddle.net/mvelaga/Ed8jQ/

修改

解决评论中讨论的情景的新小提琴

http://jsfiddle.net/mvelaga/kKGcJ/1/

答案 2 :(得分:2)

编写自定义函数,它将触发复选框的onclick(或onchange),当选中3时禁用其余部分,启用buttom,如果少于3则反应相反...