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


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

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

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

    Js代码  收藏代码
    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. });  
  • 相关阅读:
    Labeling Balls(拓扑排序wa)
    Trailing Zeroes (III)(lightoj 二分好题)
    布线问题(prime)
    Let the Balloon Rise(map)
    iframe实现伪ajax
    a标签点击不跳转的几种方法
    Javascript的DOM总结
    Mysql:数据库导入导出
    python之迭代器与生成器
    随机获取数据库的数据
  • 原文地址:https://www.cnblogs.com/xiaochao12345/p/3808503.html
Copyright © 2020-2023  润新知