jQuery捕获被选中的radio的值

最新推荐文章于 2025-07-29 10:44:05 发布

askme1alittle

最新推荐文章于 2025-07-29 10:44:05 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Script的折腾文章标签： jquery function input c

本文链接：https://blog.youkuaiyun.com/askme1alittle/article/details/3719894

Script的折腾专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用jQuery获取HTML表单中被选中Radio按钮值的方法。通过为表单绑定submit事件，可以有效地读取指定名称的Radio组中选中的值，并通过alert展示出来。此方法适用于需要快速响应用户选择的网页应用程序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery捕获被选中的radio的值
 <html>
<head>
<title></title>
     <script type="text/javascript" src="jquery.js"> 
    </script> 
     <script type="text/javascript"> 
         $(function(){ 
             $('#form1').submit(function(){ 
                 var item = $('input[@name=items][@checked]').val(); 
                 alert(item); 
                 return false; 
             }); 
         }); 
     </script> 
     <title>Get Radio value Document</title> 
</head> 
<body> 
     <form id="form1" name="form1"> 
         <input type="radio" name="items" id="item1" value="a"/>A 
         <br/> 
         <input type="radio" name="items" id="item2" value="b"/>B 
         <br/> 
         <input type="radio" name="items" id="item3" value="c"/>C 
         <br/> 
         <input type="radio" name="items" id="item4" value="d"/>D 
         <br/> 
         <input type="radio" name="items" id="item5" value="e"/>E 
         <br/> 
         <input type="radio" name="items" id="item6" value="f"/>F 
         <br/> 
         <input type="radio" name="items" id="item7" value="g"/>G 
         <br/> 
         <input type="radio" name="items" id="item8" value="h"/>H 
         <br/> 
         <input type="submit" id="btn1"> 
     </form> 
</body> 
</html> 