使用 jQuery 实现 radio 的选中与反选
来源:互联网 发布:mac air能装win7系统 编辑:程序博客网 时间:2024/06/11 18:43
使用 jQuery 实现 radio 的选中与反选
我们知道在 Html 中当我们选中一个radio后,再次点击该 radio,那么该 radio 依然是一个选中的状态,但是有时我们需要实现这样的逻辑:一个选中的 radio,再次点击该 radio 时,会取消它的选中状态 。
实现逻辑
- 取消 click 事件的默认动作
- 使用 mouseup 控制 radio 的选中与反选
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(function(){ $(":radio[name='sex']").click(function(event){ // 禁用事件的默认动作 event.preventDefault(); }) // 绑定一个鼠标单击时间 .mouseup(function(){ $(this).prop("checked",!$(this).is(":checked")); }); }) </script> </head> <body> 男:<input type="radio" name="sex" value="1"> 女:<input type="radio" name="sex" value="0"> </body></html>
此文参考至:https://www.cnblogs.com/zz-930474270/p/7091147.html
阅读全文
0 0
- 使用 jQuery 实现 radio 的选中与反选
- 使用jQuery获取单选按钮radio的选中值
- jquery实现全选、反选、获得所有选中的checkbox
- jquery点击div获取radio-实现ul列表中点击radio后面的文本选中radio
- JQuery获取选中的radio
- jQuery获取单选按钮radio选中值与去除所有radio选中状态
- jquery 选中radio 与取消radio选中状态
- 解决jquery实现的radio再次选中的问题
- 一行代码实现 按钮的选中与反选
- jquery实现ul列表中点击radio后面的文本选中radio,点击整个li选中radio
- 如何使用Jquery获取被选中的radio值
- JQuery radio,select选中与取值
- jquery操作radio,选中与获取
- jQuery操作 checkbox 的全选、反选 , radio, select 功能
- jquery判断单选按钮radio是否选中的方法
- Jquery如何获得选中Radio单选按钮的值
- jquery判断单选按钮radio是否选中的方法
- jQuery如何获取选中单选按钮radio的值
- exe4j 将java程序打包成exe文件
- 【清华集训2017模拟11.26】字符串
- 如何解决容器边框不为整数的情况?
- vue开发请求本地模拟数据的配置方法
- 厌倦写代码的人是如何做软件开发的
- 使用 jQuery 实现 radio 的选中与反选
- ideaIU-2017.2.6 安装过程
- Tensorflow-浅层神经网络(MNIST数据集)
- 李航博士-统计学习方法-SVM-python实现
- mac 更新系统到10.13后unity的assets加载为空解决方法
- .Net调用远程Webservice的方法小结
- tomcat启动后,localhost:8080显示不出来
- HDU 1085 Holding Bin-Laden Captive!【母函数||多重背包】
- 在android机上调试前端页面