Jq打印form表单中的内容

最新推荐文章于 2022-11-29 15:17:03 发布

weixin_58236165

最新推荐文章于 2022-11-29 15:17:03 发布

阅读量213

点赞数

文章标签： HTML JavaScript 表单数据提交事件处理

本文链接：https://blog.csdn.net/weixin_58236165/article/details/126353171

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>

   </head>
   <body>
       <form id="form" name="form">
       账号：<input type="text" name="zh"/><br />
       密码：<input type="password" name="psw"/><br />
       性别：<input type="radio" name="sex"/>男
       <input type="radio" name="sex"/>女<br />
       爱好：<input type="checkbox" name="cb" value="唱歌"/>唱歌
       <input type="checkbox" name="cb" value="跳舞"/>跳舞
       <input type="checkbox" name="cb" value="足球"/>足球<br />
       星座：<select name="star">
           <option value="白羊" selected>白羊</option>
           <option value="金牛" selected>金牛</option>
           <option value="射手" selected>射手</option>
           <option value="天枰" selected>天枰</option>
       </select>
       <br />
       备注：<textarea name="bz" rows="4" cols="20"></textarea>
       <input type="submit" id="ins"/>
       </form>
       <script src="js/jquery-3.6.0.js">
           $(function(){
               $("* :submit").submit({
                   var text=$(":text").val();
                   var psd=$(":password").val();
                   var radio=$(":radio:checked").val();
                   var checkbox=$(":checkbox:checked").val();
                   var select=$("form select option").val();
                   alert("ok");
                   console.log("账号"+text"密码"+psd"性别"+radio"爱好"checkbox+"星座"+select);

               });
           });
       </script>
   </body>
</html>