我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?

我可以得到所有这些:

$("form :radio")

我如何知道选择了哪一个?


当前回答

要获取id为myForm的表单的选定radioName项的值,请执行以下操作:

$('input[name=radioName]:checked', '#myForm').val()

下面是一个示例:

$('#myForm input').on('change',function(){alert($('input[name=radioName]:checked','#myForm').val());});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><fieldset><legend>选择radioName</legend><label><input-type=“radio”name=“radioName”value=“1”/>1</label><br/><label><input-type=“radio”name=“radioName”value=“2”/>2</label><br/><label><input-type=“radio”name=“radioName”value=“3”/>3</label><br/></fieldset></form>

其他回答

试试这个。这对我有用

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

使用$('input[name=“radioName”]').filter(“:checked”).val();对我来说是最好的方式。

经过测试,这是可行的

Form

<form id="myForm">
  <input type="radio" name="radioName" value="Option1"> Option1
  <input type="radio" name="radioName" value="Option2" checked> Option2
  <input type="radio" name="radioName" value="Option3"> Option3
</form>

滑动分页

$(document).ready(function() {
  $('input[name="radioName"]').on('change', function() {
     const val = $(this).filter(":checked").val();
     alert(val);
  })

  // First load check
  const val = $('input[name="radioName"]').filter(":checked").val();
  alert(val);
});

此处示例:https://codepen.io/abinhho/pen/mdLrqbX

试试看-

var radioVal = $("#myform").find("input[type='radio']:checked").val();

console.log(radioVal);

要获取使用类的所选收音机的值,请执行以下操作:

$('.class:checked').val()

另一种获取方法:

$(“#myForm input[type=radio]”).on(“change”,function(){如果(选中此项){警报(this.value);}});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><span><input type=“radio”name=“q12_3”value=“1”>1</span><br><span><input type=“radio”name=“q12_3”value=“2”>2</span></form>