要查看在表单中抉择了哪个单选按钮, 咱们首先将所需的输出组与输出的类型作为选项, 而后能够通过以下形式拜访此抉择的值：val()办法。这将返回以后所选选项的名称。

选择器"输出[名称=选项]：已选中"用于抉择具备指定格局输出类型的所有输出组。

语法如下：

$('input[name=option]:checked', 'formName').val()

在上面的示例中显示。

例子：

 <!DOCTYPE html><html><head>    <title>      How to know which radio button      is selected via jQuery?  </title></head>  <body>    <h1 style="color: green">      lsbin  </h1>    <b>      How to know which radio       button is selected via jQuery?  </b>    <p>        <form id="myForm">            <label>                <input                        type="radio"                       name="option"                        value="free">              Free Membership            </label>            <label>                <input type="radio"                        name="option"                        value="premium">              Premium Membership            </label>        </form>            <p>      The value of the option selected is:       <span class="output"></span>  </p>    <button id="btn">      Check option button  </button>        <script src="https://code.jquery.com/jquery-2.2.4.min.js">  </script>        <script type="text/javascript">              // Check the radio button value.        $('#btn').on('click', function() {            output =               $('input[name=option]:checked',                '#myForm').val();                        document.querySelector(              '.output').textContent = output;        });    </script></body>  </html>

输入如下：

单击第一个选项后查看：

单击第二个选项后查看：

更多前端开发相干内容请参考：lsbin - IT开发技术：https://www.lsbin.com/

查看以下更多jQuery相干的内容：

  • jQuery如何应用bind()办法？：https://www.lsbin.com/3553.html
  • jQuery如何应用GMaps插件？：https://www.lsbin.com/3330.html
  • 如何将jQuery转换为JavaScript？：https://www.lsbin.com/3257.html