jQuery实现点击单选按钮切换选中状态效果_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > jQuery实现点击单选按钮切换选中状态效果

jQuery实现点击单选按钮切换选中状态效果

 2014/6/25 20:55:10  super1234  程序员俱乐部  我要评论(0)
  • 摘要:实现效果:第一次点击单选按钮时选中该按钮,再次点击时取消选中该单选按钮。关键就是要将单选按钮原来的值保存起来,第二次点击时。如果原来选中则取消,否则选中。看代码吧,是用jQuery实现的,功能虽小。知识点不少啊。。。。。Js代码$(document).ready(function(){varold=null;//用来保存原来的对象$("input[name='sex']").each(function(){//循环绑定事件if(this.checked){old=this;//如果当前对象选中
  • 标签:实现 jQuery

实现效果:第一次点击单选按钮时选中该按钮,再次点击时取消选中该单选按钮。

 

关键就是要将单选按钮原来的值保存起来,第二次点击时。如果原来选中则取消,否则选中。

 

看代码吧,是用jQuery实现的,功能虽小。知识点不少啊。。。。。

 

 

Js代码 javascripts/syntaxhighlighter/clipboard_new.swf" type="application/x-shockwave-flash">function()%7B%0A%09var%20old%20%3D%20null%3B%20%2F%2F%E7%94%A8%E6%9D%A5%E4%BF%9D%E5%AD%98%E5%8E%9F%E6%9D%A5%E7%9A%84%E5%AF%B9%E8%B1%A1%0A%09%24(%22input%5Bname%3D'sex'%5D%22).each(function()%7B%2F%2F%E5%BE%AA%E7%8E%AF%E7%BB%91%E5%AE%9A%E4%BA%8B%E4%BB%B6%0A%09%09if(this.checked)%7B%0A%09%09%09old%20%3D%20this%3B%20%2F%2F%E5%A6%82%E6%9E%9C%E5%BD%93%E5%89%8D%E5%AF%B9%E8%B1%A1%E9%80%89%E4%B8%AD%EF%BC%8C%E4%BF%9D%E5%AD%98%E8%AF%A5%E5%AF%B9%E8%B1%A1%0A%09%09%7D%0A%09%09this.onclick%20%3D%20function()%7B%0A%09%09%09if(this%20%3D%3D%20old)%7B%2F%2F%E5%A6%82%E6%9E%9C%E7%82%B9%E5%87%BB%E7%9A%84%E5%AF%B9%E8%B1%A1%E5%8E%9F%E6%9D%A5%E6%98%AF%E9%80%89%E4%B8%AD%E7%9A%84%EF%BC%8C%E5%8F%96%E6%B6%88%E9%80%89%E4%B8%AD%0A%09%09%09%09this.checked%20%3D%20false%3B%0A%09%09%09%09old%20%3D%20null%3B%0A%09%09%09%7D%20else%7B%0A%09%09%09%09old%20%3D%20this%3B%0A%09%09%09%7D%0A%09%09%7D%0A%09%7D)%3B%0A%7D)%3B" />ways" /> class="star" src="/Upload/Images/2014062520/40B102E0EF997EA6.png" alt="收藏代码" />
  1. $(document).ready(function(){  
  2.     var old = null; //用来保存原来的对象  
  3.     $("input[name='sex']").each(function(){//循环绑定事件  
  4.         if(this.checked){  
  5.             old = this; //如果当前对象选中,保存该对象  
  6.         }  
  7.         this.onclick = function(){  
  8.             if(this == old){//如果点击的对象原来是选中的,取消选中  
  9.                 this.checked = false;  
  10.                 old = null;  
  11.             } else{  
  12.                 old = this;  
  13.             }  
  14.         }  
  15.     });  
  16. });  

 

 

发表评论
用户名: 匿名