禁用按钮,直到单击一个单选按钮

Question

所以我正忙于注册,我希望人们选择他们的性别.我通过使用单选按钮来完成此操作.现在,我想要的是,有一个禁用post按钮,直到两个框中的一个被选中,这是我用jQuery做的:

var $radio = $("input:radio");
$radio.change(function() 
{
    var checkedButtons = false;
    $radio.each(function() {
        if (this.checked) 
        {
            var checkedButtons = true;
            return false;
        }
    });
if (checkedButtons)
{
    $("#postGender").removeAttr("disabled");
}
    else
{
    $("#postGender").attr("disabled", "disabled");
}

});

这个小块是代码,是我在stackoverflow上找到的.唯一不对的是它不起作用.

看到这个更多代码和演示演示:JsFiddle

Answer 1

您可以将所有内容减少到一行:

$("input:radio").change(function () {$("#postGender").prop("disabled", false);});

jsFiddle例子