web前端开发博客
专注web前端发展
2018年08月06日 作者: 国瑞个人博客 378次浏览
在开发过程中，有时候我们需要选中表单，当选中表单的时候，进行某些操作，有几种方法，下面我来介绍一下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Example 2</title> <style> .cb-container { width: 100%; text-align: center; padding-top: 20px; } .cb-gap { padding-left: 20px; padding-right: 20px; margin-left: 20px; } .cb-gap2 { margin-left: 20px !important; } </style> </head> <body> <div class="cb-container"> <input type="radio" class="cb-radio" id="r1" name="rd"/> <input type="radio" class="cb-radio cb-gap2" id="r2" name="rd"/> <button id="btn" type="button" class="btn btn-primary cb-gap">left</button> <button id="btn2" type="button" class="btn btn-primary cb-gap">right</button> </div> <script type="text/javascript"> $(document).ready(function () { var radios = $(".cb-radio"); $("#btn").click(function () { radios.eq(0).prop("checked", true); radios.eq(1).prop("checked", false); }); $("#btn2").click(function () { radios.eq(0).prop("checked", false); radios.eq(1).prop("checked", true); }); }); </script> </body> </html> |
点击快速分享：
以上就是国瑞前端个人博客带来的是《jquery中控制单选按钮的方法》，感谢您的观看！
如果没有特殊的说明，本文即为国瑞前端博客原创(www.huanggr.cn)，欢迎读者转载并保留本站版权！https://www.huanggr.cn/395.html
「专业前端博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
web：可以，百度一搜就搜到了这篇，写的挺好
评：elementUI如何禁用时间组件日期web：感觉博主推荐，postman的功能非常强大，用起来很方便
评：推荐一款接口测试小插件_postmanweb：Smile_Blog主题，一个非常不错的wordpress主题，，值得推荐
评：Smile_Blog主题简介
国瑞个人博客：多谢夸奖，博主自建主题，地址为huangguorui.cn，欢迎鉴赏！
评：Smile_Blog主题简介
在线工具：不错的主题，非常适合技术类博客。
评：Smile_Blog主题简介国瑞个人博客：眉清目秀哇，咋地啊，对我网站感兴趣？
评：博主参加专升本去了
共有 0 条评论