javascript - 从 0 和 1 的数组恢复复选框的状态

Question

我想以 ORACLE APEX 表格形式恢复复选框的状态。使用 APEX 行选择器 f01 在第一列中进行选择。

我将复选框状态保存在一个集合中，并从那里保存到一个数组中在名为 P250_JSON 的区域项中，其中 P250_JSON 的值 是一个字符串: '[1,0,0,1,0,0,0,0,0]' 例如如果第 1 个和第 4 个行被选中。

从此数组 [1,0,0,1,0,0,0,0,0]

我想以编程方式单击表格表单的第一行和第四行元素并在需要时恢复原始选择。

Jquery 初学者，但我已经做到了这一点:

var x = $v("P250_JSON");
var arrBoxes = jQuery.parseJSON(x);


$.each(arrBoxes,
      function(index,val){
      $("input[name='f01']").attr("checked","checked");
                           });

显然这会检查所有复选框，因此缺少一些内容。

第 16 行的 HTML 为:label for="f01_0015"class="hideMeButHearMe">选择行/标签输入 type="checkbox"name="f01"value="15"class="row-selector"id="f01_0015"

感谢任何帮助。

Answer 1

这假设您要检查的所有复选框都命名为 <input name="f01" /> 。如果不是，那么您需要在问题中显示一些标记。

var arrBoxes = [1,0,0,1,0];

var checkboxes = $("input[name='f01']"); //get all the checkboxes
$.each(arrBoxes, //loop through your array
  function(index, val) {
    checkboxes.eq(index) //get the current checkbox
      .prop("checked", val === 1); //set checked state based on index value
  }
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="f01" />
<input type="checkbox" name="f01" />
<input type="checkbox" name="f01" />
<input type="checkbox" name="f01" />
<input type="checkbox" name="f01" />