Question

我有一些生成的HTML。

＆＃13;

<form id="form_56">
  <input type="radio" name="option" value="0">
  <input type="radio" name="option" value="1">
  <input type="radio" name="option" value="2">
  <input type="radio" name="option" value="3">
  <input type="radio" name="option" value="4">
  <input type="radio" name="option" value="5">
  <input type="radio" name="option" value="6">
</form>

＆＃13;

表单ID可以是任何内容，但我想获取表单ID并将所选值从0返回到6.

我尝试过这里的问题，但似乎并没有轻易转化为特定的形式。

$('#form_56:radio[name=option]:checked').val();

我能够使用选择器来获取正确的表单，但我尝试获取所选值的所有内容都返回未定义。

感谢您的时间。

Answer 1

首先，您需要将冒号更改为空格或＆＃34; ＆GT; ＆＃34;

其次，您需要将收音机更改为输入。

$('#form_56 input[name=option]:checked').val();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form_56">
  <input type="radio" name="option" value="0">
  <input type="radio" name="option" value="1">
  <input type="radio" name="option" value="2">
  <input type="radio" name="option" value="3">
  <input type="radio" name="option" value="4">
  <input type="radio" name="option" value="5">
  <input type="radio" name="option" value="6">
</form>

<a href="javascript:console.log($('#form_56 input[name=option]:checked').val());">
  <button>Test</button>
</a>

＆＃13;

Answer 2

$("#form_56 input:radio[name='option']").val()

更改时，您需要一个可以聆听的事件见例子

$(function() {

  $("#form_56 input:radio[name='option']").click(function() {
    var val = $(this).val();
    alert(val);
  });


});

https://jsfiddle.net/rodrigo/cp8rd7h0/

Answer 3

任何形式：

$('form>input[type="radio"]:checked').val()

使用id：

$('#form_56>input[type="radio"]:checked').val()

如果未选择任何值，它将返回选定值或未定义。祝你好运！

function getSelectedValue()
{
  return $('form>input[type="radio"]:checked').val();
}
$(function() {
  $('button').on(
    'click', 
    function() {
      console.log(getSelectedValue() + ' selected');
    }
  );
});

form {display: inline}

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<form id="randomId-839054763">
<input type="radio" name="option" value="0">
<input type="radio" name="option" value="1">
<input type="radio" name="option" value="2">
<input type="radio" name="option" value="3">
<input type="radio" name="option" value="4">
<input type="radio" name="option" value="5">
<input type="radio" name="option" value="6">
</form>
<button>Log value</button>

Answer 4

代码中的

问题：on change event not assign to radio button so undefined alert popup

这是解决方案：

$(document).ready(function () {
            $('input[type=radio]').on('change', function () {
                alert($('input[name=option]:checked', '#form_56').val());

            });
        });

如何从特定表格中获取所选的radiobox值？

4 个答案: