根据从数据库检索的值，检查表单上的单选按钮

Question

我正在尝试将数据库（jsonObj.TEMP.RECS [x] .GENDER）中存储的“性别”值填充到HTML表单上。 假设值是“ Male”，我希望选择“ Male”单选按钮。 请帮忙。

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

使用Javascript：

document.getElementsByName("gender").value = jsonObj.TEMP.RECS[x].GENDER;

Answer 1

尝试使用querySelector因为getElementsByName()将返回对象数组，并且您想检查jsonObj.TEMP.RECS[x].GENDER具有特定value jsonObj.TEMP.RECS[x].GENDER ，请jsonObj.TEMP.RECS[x].GENDER下面的示例：

document.querySelector('input[value="'+jsonObj.TEMP.RECS[x].GENDER+'"]').checked = true;

希望这可以帮助。