大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > ASP.NET技巧 > jQuery实现点击单选按钮切换选中状态效果

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

关键词:jQuery点击单选按钮切换选中状态  阅读(900) 赞(12)

[摘要]本文是对jQuery实现点击单选按钮切换选中状态效果的讲解,对学习ASP.NET编程技术有所帮助,与大家分享。

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

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

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

Js代码
$(document).ready(function(){
varold=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;
}
}
});
});



相关评论