Question

我有一个模式，单击按钮时会弹出该模式，其中有两个具有相同输入名称“ radioButtons”的单选按钮。

单选按钮1->（默认选中）

   <input class="form-checks" type="radio" name="radioButtons" value="1" checked="checked">

单选按钮2->

<input class="form-checks" type="radio" name="radioButtons" value="2">

我尝试在控制台中使用以下代码，以便查看选择了哪个按钮：

$("input[name='radioButtons']:selected").val() --> returns 1

问题：即使选择已更改为单选按钮2，它也始终返回1。我需要知道该选择，因为我要在此选择之上写一些逻辑。 / p>

有人可以帮我吗？

Answer 1

对于单选按钮，您需要使用:checked而不是:selected

$("[type='radio']").on("change", function() {
  $("label").text($("input[name='radioButtons']:checked").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Radio button 1 -->

<input class="form-checks" type="radio" name="radioButtons" value="1" checked="checked">
<br/> Radio button 2 -->

<input class="form-checks" type="radio" name="radioButtons" value="2">
<br/> Selected:
<label></label>

在模式弹出窗口中选择单选按钮

1 个答案: