jquery 获取input checkbox checked属性

最新推荐文章于 2023-04-18 08:43:47 发布

qq_39985511

最新推荐文章于 2023-04-18 08:43:47 发布

阅读量4k

点赞数 1

分类专栏： JavaScript 文章标签： jquery checkbox input

JavaScript 专栏收录该内容

44 篇文章 2 订阅

订阅专栏

如果使用jquery,应使用prop方法来获取和设置checked属性

1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase

 
        <input type= 
        "checkbox"  
        id= 
        "selectAll"  
        onclick= 
        "checkAll()" 
        >全选 
       
        function checkAll() 
       
        { 
       
        var  
        checkedOfAll=$( 
        "#selectAll" 
        ).prop( 
        "checked" 
        ); 
       
        alert(checkedOfAll); 
       
        $( 
        "input[name='procheck']" 
        ).prop( 
        "checked" 
        , checkedOfAll); 
       
        }

　2.如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#selectAll").attr("checked")都会返回undefined；

 
        <input type= 
        "checkbox"  
        id= 
        "selectAll"  
        onclick= 
        "checkAll()"  
        >全选

　　3.如果当前input中初始化已定义checked属性，则不管是否选中，$("#selectAll").attr("checked")都会返回checked.

 
        <input type= 
        "checkbox"  
        id= 
        "selectAll"  
        onclick= 
        "checkAll()"  
        checked 
        >全选 
       
        function checkAll() 
       
        { 
       
        var  
        checkedOfAll=$( 
        "#selectAll" 
        ).attr( 
        "checked" 
        ); 
       
        alert(checkedOfAll); 
       
        $( 
        "input[name='procheck']" 
        ).attr( 
        "checked" 
        , checkedOfAll); 
       
        }