复选框没有通过jQuery检查

Question

我想检查复选框使用jquery但无济于事。以下是代码。

$(document).ready(function() { 
    var url_brand_alias = $("#hidden_brand_alias").val(); //gives a,b 
    var url_brand_arr = url_brand_alias.split(','); 
    $.each(url_brand_arr, function(key, value) { 
     $('input.Brand[rel="'+value+'"]').attr('checked', true); 
    }); 
}); 

复选框HTML：

<div class="panel-body"> 
    <div class="form-group"> 
     <label class="filters-type"> 
      <input type="checkbox" rel="a" value="1" class="Brand">a</label> 
     </div> 
    <div class="form-group"> 
     <label class="filters-type"><input type="checkbox" rel="b" value="2" class="Brand">b</label> 
    </div> 
</div> 

我同时使用ATTR和道具，但无济于事尝试。我在控制台中也没有任何错误。欢迎任何帮助/建议。提前致谢。

Answer 1

只需添加一条简单的线url_brand_alias = "a,b";即可获得所需的结果，表明$("#hidden_brand_alias").val(); //gives a,b实际上并不像预期的那样返回"a,b"。考虑调查一下。

$(document).ready(function() { 
 
    var url_brand_alias = $("#hidden_brand_alias").val(); //gives a,b 
 
    url_brand_alias = "a,b"; 
 
    var url_brand_arr = url_brand_alias.split(','); 
 
    $.each(url_brand_arr, function(key, value) { 
 
     $('input.Brand[rel="'+value+'"]').attr('checked', true); 
 
    }); 
 
});

<div class="panel-body"> 
 
    <div class="form-group"> 
 
     <label class="filters-type"> 
 
      <input type="checkbox" rel="a" value="1" class="Brand">a 
 
     </label> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label class="filters-type"> 
 
      <input type="checkbox" rel="b" value="2" class="Brand">b 
 
     </label> 
 
    </div> 
 
</div>

Answer 2

要改变复选框状态使用jQuery的帮助下，你应该使用prop：

$(elem).prop("checked", true) 

来获取值，使用prop()太：

$(elem).prop("checked") 

这里的jQuery prop文档：http://api.jquery.com/prop/