jQuery實現點擊單選按鈕切換選中狀態效果

實現效果：第一次點擊單選按鈕時選中該按鈕，再次點擊時取消選中該單選按鈕。

關鍵就是要將單選按鈕原來的值保存起來，第二次點擊時。如果原來選中則取消，否則選中。

看代碼吧，是用jQuery實現的，功能雖小。知識點不少啊。。。。。

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