attr( ） prop 获取 input 的 checked属性值（特殊）

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

孤枫_J

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

阅读量5.9k

点赞数 1

分类专栏： jquery

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在jQuery中如何正确地使用prop方法来获取和设置input元素的checked属性，对比了prop与attr方法的区别，并详细解释了两种方法在不同情况下的表现。

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

在jQuery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下

1、prop方法获取、设置checked属性

<input type="checkbox" name="checkboxMain" onclick="CheckAll(this);" />
function CheckAll(obj) {
      //获取checked属性
   if ($(obj).prop("checked")) {
  //设置checked属性
  $("input[name='checkboxall']").prop("checked", true);
   } else {
  //设置checked属性
  $("input[name='checkboxall']").prop("checked",false);                                
   }
}

1 当input控件checkbox设置了checked属性时，无论checked=”“或
checked=”checked”， $(obj).prop(“checked”)的结果都是true； 2 当input控件checkbox没设置checked属性时，$ (obj).prop(“checked”)的结果是false。
设置 $(“input[name=’checkboxall’]”).prop(“checked”, true)时，checkbox会被选中；设置$ (“input[name=’checkboxall’]”).prop(“checked”, false)时，checkbox不会被选中；

2、attr方法获取、设置checked属性

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

如果当前input中初始化未定义checked属性，则不管当前是否选中，

    $(“#selectAll”).attr(“checked”)都会返回undefined； 
    <input type="checkbox" id="selectAll" checked="" onclick="checkAll()" >全选 
    <input type="checkbox" id="selectAll" checked="checked" 
    onclick="checkAll()" >全选

如果当前input中初始化定义了checked属性，无论checked=”“或
checked=”checked”，当前checkbox都处于选中状态，
$(“#selectAll”).attr(“checked”)都会返回”checked”；

3、总结

在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr.