jquery改变checkbox状态及判断checkbox是否选中

本文链接：https://blog.youkuaiyun.com/sjian1990/article/details/54892685

本文介绍了在不同版本的jQuery中如何正确地设置和检查复选框的状态，包括使用.attr和.prop方法的区别，并提供了多种设置checked属性的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        使用语句$.attr('checked',true)，将复选框的属性改为被选中，但是在chrome中通过js进行操作时，复选框没有被勾选。

       后来发现是在高版本的jquery引入prop方法，而checked属性分为attribute->checked，和property->true,false。

       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");