如何设置无线电选项检查onload与jQuery?

需要检查是否没有设置默认值,然后设置默认值


当前回答

 $("form input:[name=gender]").filter('[value=Male]').attr('checked', true);

其他回答

我想你可以假设,这个名称是唯一的,组中的所有电台都有相同的名称。然后你可以像这样使用jQuery支持:

$("[name=gender]").val(["Male"]);

注意:传递数组很重要。

的版本:

if (!$("[name=gender]:checked").length) {
    $("[name=gender]").val(["Male"]);
}

我喜欢@Amc的答案。我发现表达式可以进一步压缩,以不使用filter()调用(@chaiko显然也注意到了这一点)。同样,对于jQuery v1.6+, prop()是对抗attr()的方法,请参阅jQuery文档中关于prop()的官方最佳实践。

考虑一下@Paolo Bergantino回答中的相同输入标签。

<input type='radio' name='gender' value='Male'>
<input type='radio' name='gender' value='Female'>

更新后的一行代码可能是这样的:

$('input:radio[name="gender"][value="Male"]').prop('checked', true);

JQuery实际上有两种方法来设置复选框和复选框的复选状态,这取决于你是否在HTML标记中使用value属性:

如果他们有价值属性:

$("[name=myRadio]").val(["myValue"]);

如果它们没有value属性:

$("#myRadio1").prop("checked", true);

更多的细节

在第一种情况下,我们使用名称指定整个无线电组,并告诉JQuery使用val函数找到要选择的无线电。val函数接受一个元素数组,并找到匹配值的无线电,设置其checked=true。其他同名的人将被罢免。如果没有找到匹配值的无线电,那么将取消所有的选择。如果有多个具有相同名称和值的无线电,则最后一个将被选中,其他将被取消选中。

如果您没有为radio使用value属性,那么您需要使用唯一ID来选择组中的特定radio。在这种情况下,您需要使用prop函数设置“checked”属性。许多人不使用值属性复选框,所以#2更适用于复选框,而不是无线电。还要注意,当复选框具有相同的名称时,它们不会形成组,您可以执行$("[name=myCheckBox")。道具(“检查”,真正的);复选框。

您可以在这里使用此代码:http://jsbin.com/OSULAtu/1/edit?html,output

 $("form input:[name=gender]").filter('[value=Male]').attr('checked', true);

例如,你有这样的单选按钮:

    <input type='radio' name='gender' value='Male'>
    <input type='radio' name='gender' value='Female'>

你想检查一个值为“Male”的onload,如果没有检查无线电:

    $(function() {
        var $radios = $('input:radio[name=gender]');
        if($radios.is(':checked') === false) {
            $radios.filter('[value=Male]').prop('checked', true);
        }
    });