通过单击按钮检查单选按钮

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"/>

可以看到左右两部分性别不一样（左边是未知，右边是男）。我想做但不能做的是：当我单击弹出窗口中的左侧按钮时，我希望在左侧部分更新性别（在这种情况下， "male"单击后必须选中单选按钮）。

一旦我在正确的部分获得性别，这就是我对 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)

通过单击按钮检查单选按钮

Get radio button checked by clicking on a button

javascript

jquery

struts-1