jQuery实现点击单选按钮切换选中状态效果
浏览数：52 /
时间：2015年06月09日
实现效果：第一次点击单选按钮时选中该按钮，再次点击时取消选中该单选按钮。
关键就是要将单选按钮原来的值保存起来，第二次点击时。如果原来选中则取消，否则选中。
看代码吧，是用jQuery实现的，功能虽小。知识点不少啊。。。。。
Js代码 
- $(document).ready(function(){
- var old = null; //用来保存原来的对象
- $("input[name=‘sex‘]").each(function(){//循环绑定事件
- if(this.checked){
- old = this; //如果当前对象选中，保存该对象
- }
- this.onclick = function(){
- if(this == old){//如果点击的对象原来是选中的，取消选中
- this.checked = false;
- old = null;
- } else{
- old = this;
- }
- }
- });
- });
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
