Javascript 获取选定的无线电值

这是带有单选按钮的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>

---

但是当我在console.log时，该值是未定义的，我做错了什么？

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

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

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

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

使用时，jQuery对象的value属性不存在

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

---

您正在尝试使用javascript属性值创建jquery对象。您应该将其转换为javascript对象并使用.value.xml，如下所示：

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

或者您需要使用jquery方法。val:

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

如果希望使用value属性，请使用：

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

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

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

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