javascript - 无法从单选按钮组中的单个单选按钮获取值

Question

我有一个是/否单选按钮组合，它们的名称都是“刚性”，我想做的是循环它们并获取值以将其与数据库值相匹配。我可以正常获取 DB 值，但我似乎无法获取单选按钮值。

这是我正在使用的 JQuery:

var rigid = $("[name='Rigid']");
for (var j = 0; j < rigid.length; j++) {
    var selValueRigid = rigid[j].val();
    if (selValueRigid === data.Rigid) {
        rigid[j].prop("checked", true);
    } else {
        rigid[j].prop("checked", false);
    }
}

生成的 HTML:

<label for="RigidYes">
    <i class="fa fa-check-circle active"></i>
    <i class="fa fa-circle-thin inactive"></i>Yes
</label>
<input name="Rigid" id="RigidNo" value="F" checked="checked" type="radio">
<label for="RigidNo">
    <i class="fa fa-check-circle active"></i>
    <i class="fa fa-circle-thin inactive"></i>No
</label>

Answer 1

可以直接使用

$('[name="Rigid"][value="' + data.Rigid + '"]').prop('checked', true);

<小时/>

但是根据问题陈述，请使用 .eq(index)方法获取指定索引处的对象。

var el = rigid.eq(j);
el.prop("checked", el.val() === data.Rigid);

您的实现问题是 [] 将返回您对没有 .val() 和 .prop() 的 native DOM 元素的引用 方法。