zoukankan      html  css  js  c++  java
  • jquery checkbox选中、改变状态、change和click事件

    这个常用的小知识点感觉有必要记一下:

    jquery判断checked的三种方法:
    .attr('checked'); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
    .prop('checked'); //16+:true/false
    .is(':checked'); //所有版本:true/false//别忘记冒号哦

    jquery赋值checked的几种写法:
    所有的jquery版本都可以这样赋值:
    // $("#cb1").attr("checked","checked");
    // $("#cb1").attr("checked",true);
    jquery1.6+:prop的4种赋值:
    // $("#cb1″).prop("checked",true);//很简单就不说了哦
    // $("#cb1″).prop({checked:true}); //map键值对
    // $("#cb1″).prop("checked",function(){
    return true;//函数返回true或false
    });

    //记得还有这种哦:$("#cb1″).prop("checked","checked");

     *全选框小案例:

    $('.all').each(function(i,elemt){
        $(this).change(function(){
                var ischecked = $(this).prop("checked");
                $(this).siblings('input').prop("checked",ischecked);
           });
    })

    checkbox click和change事件

    方法1:

    $("#ischange").change(function() { 
    alert("checked"); 
    });

    方法2:

    $(function(){ 
    if ($.browser.msie) { 
    $('input:checkbox').click(function () { 
    this.blur(); 
    this.focus(); 
    }); 
    };

    方法3:
    $("#ischange").change(function() { 
    alert("checked"); 
    }); 
    });

    方法4:

    $(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});

    方法5:

    $(document).ready(function(){ 
    $("testCheckbox").change(function() { 
    alert("Option changed!"); 
    }); 
    });

  • 相关阅读:
    c#委托总结
    架构研究一(autofac 注册路由 )
    Fedora20 和ubuntu 14.04 chrome标签中文乱码
    Fedora20 编译安装qemu-system
    NFS安装配置
    Mysql自动备份脚本
    Mysql性能调优(my.cnf参数篇)
    Mysql性能基本测试
    mysql编译安装主从复制
    Mysql 配置参数详解以及优化配置
  • 原文地址:https://www.cnblogs.com/sheqiuluo/p/6875043.html
Copyright © 2011-2022 走看看