无法从单选按钮组中的单个单选按钮获得价值

Question

我有一个“是/否”单选按钮组合，它们都具有“ Rigid”（刚性）名称，而我想做的是在它们上循环并获取值以使其与数据库值匹配。 我可以确定数据库值正常，但似乎无法获取单选按钮值。

这是我正在使用的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()方法的本机DOM元素的引用。