Question

这是带有radiobuttons的HTML块：

<div id="lokationcontent" class="form-group">
   <div class="radio">
      <label><input type="radio" name="radioButtonGroup" id="ls0" value="Lokation_Stapelgatan Karlstad">Stapelgatan Karlstad</label>
   </div>
   <div class="radio"><label><input type="radio" name="radioButtonGroup" id="ls1" value="Lokation_Torggatan Karlstad">Torggatan Karlstad</label></div>
   <div class="radio"><label><input type="radio" name="radioButtonGroup" id="ls2" value="Lokation_Värmlandsgatan Karlstad">Värmlandsgatan Karlstad</label></div>
</div>

我尝试使用以下jquery代码访问所选值：

$('input[name="radioButtonGroup"]:checked').value

但是当我调试它时，值是未定义的。记录它，我做错了什么？

Answer 1

Jquery对象不包含名为value的属性。尝试，

$('input[name="radioButtonGroup"]:checked').val();

如果你想使用.value，那么你必须访问核心JS对象，

$('input[name="radioButtonGroup"]:checked')[0].value

Answer 2

使用 .val() ，jQuery对象的value属性不存在。

$('input[name="radioButtonGroup"]:checked').val()

<强> Demo

Answer 3

您正在尝试将javascript属性值用于jquery对象。您应该将其转换为javascript对象并使用.value。就像这样：

$('input[name=radioButtonGroup]:checked')[0].value;

或者你需要使用jquery方法.val()：

$('input[name=radioButtonGroup]:checked').val()

Answer 4

value是检索值的本机JS方法。在jQuery中，您需要使用val()：

$('input[name="radioButtonGroup"]:checked').val()

如果您更喜欢使用value属性，请使用：

$('input[name="radioButtonGroup"]:checked')[0].value

获得选定的无线电值

4 个答案: