如何使用 jQuery 了解哪个单选按钮被选中?


使用 jQuery val() 方法获取所选单选按钮的值。你可以运行以下代码来学习如何通过 jQuery 了解哪个单选按钮被选中 −

示例

在线演示

<html>
   <head>
      <title>jQuery Selector</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(function(){
           $("#submit").click(function(){      
              alert($('input:radio:checked').val());
          });
         });
      </script>
   </head>
   <body>
      <form id="myForm">
         Select a number:<br>
         <input type="radio" name="q1" value="1">1
         <input type="radio" name="q1" value="2">2
         <input type="radio" name="q1" value="3">3<br>
         <button id="submit">Result</button>
      </form>
   </body>
</html>

更新于:13-2-2020

195 次浏览

开启你的 事业

完成课程,获得认证

开始学习
广告