单击按钮

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

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

checked

或者使用JQuery

document.getElementById(gender).checked = true;