如何使用 jQuery 检查单选按钮?

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>
jQuery("#radio_1").attr('checked', true);
jQuery("input[value='1']").attr('checked', true);
jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

答案

对于等于或大于(> =)1.6 的 jQuery 版本,请使用:

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

对于(<)1.6 之前的版本,请使用:

$("#radio_1").attr('checked', 'checked');

提示:之后,您可能还想在单选按钮上调用click()change()查看评论以获取更多信息。

尝试这个。

在此示例中,我将其输入名称和值作为目标

$("input[name=background][value='some value']").prop("checked",true);

提提您:在使用多字值的情况下,它也会因撇号而起作用。

jQuery 1.6 中添加的另一个功能 prop()达到了相同的目的。

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

简短易读的选项:

$("#radio_1").is(":checked")

它返回 true 或 false,因此您可以在 “if” 语句中使用它。

尝试这个。

要使用 “ 值”检查单选按钮,请使用此选项。

$('input[name=type][value=2]').attr('checked', true);

要么

$('input[name=type][value=2]').attr('checked', 'checked');

要么

$('input[name=type][value=2]').prop('checked', 'checked');

要使用ID检查单选按钮,请使用此功能。

$('#radio_1').attr('checked','checked');

要么

$('#radio_1').prop('checked','checked');

$.prop方法更好:

$(document).ready(function () {                            
    $("#radio_1").prop('checked', true);        
});

您可以像下面这样测试它:

$(document).ready(function () {                            
    $("#radio_1, #radio_2", "#radio_3").change(function () {
        if ($("#radio_1").is(":checked")) {
            $('#div1').show();
        }
        else if ($("#radio_2").is(":checked")) {
            $('#div2').show();
        }
        else 
            $('#div3').show();
    });        
});

尝试这个:

$("input[name=type]").val(['1']);

http://jsfiddle.net/nwo706xw/

你必须做

jQuery("#radio_1").attr('checked', 'checked');

这就是 HTML 属性

是的,它对我来说就像一种方式:

$("#radio_1").attr('checked', 'checked');

如果属性name不起作用,请不要忘记该id仍然存在。此答案适用于想要在此处将id作为目标的人。

$('input[id=element_id][value=element_value]').prop("checked",true);

因为属性name不适用于我。确保不要用双引号 / 单引号引起来的idname

干杯!