javascript - 通过单击按钮来检查单选按钮

Question

大家好

正如您在图片中看到的，我有三个单选按钮:

<html:radio  property= "workerGender" value="unknown" styleId="unknown"/>
<html:radio  property= "workerGender" value="woman" styleId="woman"/>
<html:radio  property= "workerGender" value="man" styleId="man"/>

在弹出窗口中，我有性别字段:

<html:text style="border:0;" property="workerGender" readonly="true" styleId="wkGenderRN"/>

可以看到左右部分的性别不一样(左边是未知，右边是男性)。我想做但不能做的是:当我单击弹出窗口中的左侧按钮时，我希望在左侧部分更新性别(在这种情况下，“男性”单选按钮点击后必须检查)。

这就是我在正确的部分获得性别后使用 Javascript 所做的事情:

var genderRN = document.getElementById("wkGenderRN").value;
var gender = "";
if (genderRN == "M"){
    gender = "man";
 } else if (genderRN == "F"){
    gender = "woman";
} else {
    gender = "unknown";
}

关于我之后如何继续的任何想法？预先感谢您

P.S:我尝试了 document.getElementById(gender).prop('checked',true); 但没有成功

Answer 1

在 document.getElementById(gender).prop('checked',true); 中，您尝试在简单元素上使用 JQuery 函数。因此您可以使用 checked 属性

document.getElementById(gender).checked = true;

或者使用JQuery

$(`#${gender}`).prop('checked', true)