Struts 2使用javascript获取单选按钮值

Question

我已经使用Struts标签创建了一个单选按钮，但我试图获取单选按钮的选定值但是我无法获取该值。 Under是我迄今为止所做的。

JSP

<s:radio name="gender" id= "gender" list="#{'1':'Male','2':'Female'}" onChange="genderChange()"/>

Javascript功能

function genderChange(){
 var gendervalue;
 genderValue = document.getElementById("gender").value;
 alert(gendervalue);

}

控制台错误

TypeError: document.getElementById(...) is null

Answer 1

我的解决方案是将元素值传递给我更新的代码

下的java脚本函数

<强> JSP

<s:radio name="gender" id= "gender" list="#{'1':'Male','2':'Female'}" onChange="genderChange(this.value)"/>

Javascript功能

function genderChange(value){
 var gendervalue;
 genderValue = value;
 alert(gendervalue);

}

Answer 2

如果您在HTML中看到您的页面，您会看到将创建两个单选按钮，其中包含两个不同的ID：gender1和gender2。 您可以通过以下方式访问您的价值：

var foo = document.getElementById("gender1").checked;

在这种情况下，如果选中第一个（foo == true），则不会检查另一个。

更具伸缩性的解决方案是使用：

document.getElementsByName("gender")[index].checked

其中index是一个数字，用于标识名称为“gender”的所有单选按钮。您可以使FOR循环数组并找到检查的索引是否为真。