获取单选按钮列表的选定值

Get the selected value of a list of radio buttons

本文关键字：单选按钮 列表 获取      更新时间：2023-09-26

我有一个单选按钮列表，每个单选按钮都具有相同的name属性。以下JavaScript用于检测任何按钮的更改，并将所选值传递给getColumnNames()方法。

$("input[name=SelectedSheet]:radio").change(function () {
    getColumnNames(this.val());
})

它检测任何按钮何时更改，但不会传递选定单选按钮的字符串值。

在Firebug中，当单击其中一个单选按钮时，this关键字包含以下内容：

input#SelectedSheet_Second Sheet attribute value = "Second Sheet"

顺便说一句，SelectedSheet是单选按钮列表的name属性。

如何将所选属性的值传递给getColumnNames()方法？

.val()是一个jQuery方法，因此必须用$()包装this才能使用它：

getColumnNames($(this).val());

或者你可以只使用普通的JS:

getColumnNames(this.value);

您可以删除：radio，因为它会根据名称找到它。然后使用$（this）.val（）代替

<input type="radio" name="SelectedSheet" value="sheet1" />
<input type="radio" name="SelectedSheet" value="sheet2" />
<input type="radio" name="SelectedSheet" value="sheet3" />
$(document).ready(function () {
   $('input[name="SelectedSheet"]').change(function () {
      alert($(this).val());
   });
});

http://jsfiddle.net/fxsupvhj/

尝试在代码中使用$(this).val();。

$("input[name=SelectedSheet]:radio").change(function () {
    getColumnNames($(this).val());
})
相关文章：