禁用按钮，直到单击一个单选按钮 [英] Disable button until one radio button is clicked

问题描述

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

So I'm busy on a registration, and I want people to choose their gender. I do this by the use of radio buttons. Now, what I want, is to have a disabled post button untill one of the two boxes is selected, this I do with 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上找到的。唯一不对的是它不起作用。

This little piece is code, was found by me on stackoverflow. The only thing wrong is that it doesn't work.

有关更多代码和演示，请参阅此内容： JsFiddle

See this for more code and ofcouse a demo: JsFiddle

推荐答案

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

You could reduce all that to one line:

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

jsFiddle示例

jsFiddle example

这篇关于禁用按钮，直到单击一个单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！