jQuery:如何在单击所有复选框时启用按钮? - 第2部分

时间:2014-03-16 21:16:53

标签: jquery html

首先,我要感谢所有帮助我的第一个例子:link

当我使用多个字段集时,它将如何工作:

<form method="post">
<fieldset>
<legend>Option 1</legend>
    <input class="clickbox" type="radio" name="1"  />1<br />
    <input class="clickbox" type="radio" name="1" />2<br />
</fieldset>

<fieldset>
<legend>Option 2</legend>
    <input class="clickbox" type="radio" name="2" />1<br />
    <input class="clickbox" type="radio" name="2" />2<br />
</fieldset>

<fieldset>
<legend>Option 3</legend>
    <input class="clickbox" type="radio" name="3" />1<br />
    <input class="clickbox" type="radio" name="3" />2<br />
</fieldset>

<input type="submit" value="Checkout" id="submitbutton" disabled="disabled"/>

JSFiddle在这里。我会事先感谢你的帮助。

1 个答案:

答案 0 :(得分:3)

一种方式:

$('form input[type="radio"]').click(function () {
    var total = $('form fieldset').length;
    $('#submitbutton').prop('disabled', ($('input:checked').length === total) ? false : true)
})

<强> jsFiddle example