我如何知道通过jQuery选择了哪个单选按钮？

javascript jquery html jquery-selectors radio-button

2022-08-29 21:48:58

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

我可以像这样得到它们：

$("form :radio")

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

答案 1

要获取具有 id 的表单的选定项的值，请执行以下操作：radioNamemyForm

$('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>Choose 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>

答案 2

使用这个..

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