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

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

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

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

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. });