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

Question

首先，我要感谢所有帮助我完成第一个示例的人: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这里。我将提前感谢您的帮助。

Answer 1

一种方法:

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

<强> jsFiddle example