Question

我有以下HTML代码：

<form id="pick-status-form">
<div class='form-group'>
    <div class='radio'><label><input type='radio' name='ststusesList' value='1' class='statuses-list'>1</label></div>
    <div class='radio'><label><input type='radio' name='ststusesList' value='2' class='statuses-list'>2</label></div>
    <div class='radio'><label><input type='radio' name='ststusesList' value='3' class='statuses-list'>3</label></div>
    <div class='radio'><label><input type='radio' name='ststusesList' value='4' class='statuses-list'>4</label></div>
    </div></form>

这些Jquery代码：

$("button#submit").click(function () {
      var form = $('#pick-status-form');
      var selectedStatusID = form.find('input[name=ststusesList]:checked').val();
      alert(selectedStatusID);
});

问题是selectedStatusID的值始终未定义。

我的问题是为什么以及如何解决？

HERE是一个小提琴：http://jsfiddle.net/b6xFA/

Answer 1

您的代码正常运作。

为什么会提供未定义的内容？

这是因为复选框的值仅在选中时声明。第一次运行页面时，未选中任何复选框。

默认情况下，查看此示例是第一个复选框：

<input type='radio' name='ststusesList' value='1' class='statuses-list' checked="checked" />

无法通过JQuery获取所选的单选按钮值

1 个答案:

jsFiddle