【前端JQ】jQuery赋值checked的几种写法,attr()方法不好使,建议使用prop()方法。

时间:2022-07-26
本文章向大家介绍【前端JQ】jQuery赋值checked的几种写法,attr()方法不好使,建议使用prop()方法。,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

  注意:操作checked、disabled、selected属性,强制建议只用prop()方法!!,不要用attr()方法。

  jQuery判断checked是否是选中状态的三种方法:

 .attr('checked') // 返回:"checked"或"undefined" ;
 .prop('checked') // 返回true/false
 .is(':checked') // 返回true/false //别忘记冒号哦

  jQuery赋值checked的几种写法:

 $("#checked").attr("checked","checked"); //通用做法,现在不推荐了
 $("#checked").attr("checked",true); //不标准,不推荐了
 $("#checked").attr("checked","true"); //不标准,不推荐了

  jQuery的prop()的赋值(推荐如下写法):

 $("#checked").prop("checked",true); //标准写法,推荐!
 $("#checked").prop({checked:true}); //map键值对
 $("#checked").prop("checked",function(){
 return true;//函数返回true或false
 });

在项目实际应用中,使用.attr()方法时,在多次选中 取消 再选中之后.attr()方法就不生效了。

所以正确的用法应该是使用.prop()方法。可以保证每次都会生效。