Question

我有以下多选复选框代码。当用户访问此页面时，我需要获取数据从db并根据它填充复选框。我在数组的格式中获取数据。

    <div data-role="fieldcontain" id="alot">
      <fieldset data-role="controlgroup">

       <div style="font-weight: bold" id="checkBoxes">Business Units:</div>

       <input type="checkbox" value="All" class="checkBoxClass" id="ckbCheckAll" />
       <label for="ckbCheckAll">All</label> 

       <input type="checkbox" value="29" class="checkBoxClass" id="Checkbox1" />
       <label for="Checkbox1">XYZ</label> 

       <input type="checkbox" value="30" class="checkBoxClass" id="Checkbox2" />
       <label for="Checkbox2">ABC</label>

     </fieldset>
   </div>

下面的代码不起作用。

$("#alot").val(array);
$("#alot").checkboxradio("refresh");

数组包含[29,30]

之类的值

我错过了什么吗？

Answer 1

您可以根据您的数组中是否找到值来检查每个<input>：

var arr = ['All', 30]

$('#alot').find('input:checkbox').prop('checked', function(){
    var value = Number(this.value) || this.value;
    return $.inArray(value, arr) > -1; 
}).checkboxradio('refresh');

JSFiddle

以编程方式填充多选复选框

1 个答案: