jquery选择框属性prop()方法

$("checkAll").click(function(){

   if($("#checkAll").is(":checked")){

    $("[name = items]:checkbox").attr("checked",true);

   }else{

      $("[name = items]:checkbox").attr("checked",false);

       }

});

  这段代码的效果是实现表单元素input的全选,但是在不同的jq版本中可能会出现第一次操作的时候正常,在第二次点击全选的时候就会失效。

      jquery1.6版本中新加了prop()方法,作用:获取匹配元素集中的第一个元素的属性值。

      解决方法:把上述操作改成 $("[name = items]:checkbox").prop("checked",true);

  如果使用prop()函数操作表单元素的checked、selected、disabled等属性,如果该元素被选中(或禁用)则返回true,否则返回false。

  如果使用attr()函数操作,则会出现:

  $("[name = items]:checkbox").attr("checked") == undefined

  $("[name = items]:checkbox").attr("checked") == "checked"

posted @ 2016-05-09 17:41  赛亚星  阅读(453)  评论(1)    收藏  举报