使用 Angular 或 jQuery 根据数组值选中复选框

check checkbox based on the array value using angular or jquery

本文关键字：复选框 数组 Angular jQuery 使用      更新时间：2023-09-26
  OriganalArray=[
{member_Key: 1},
{member_Key: 2},
{member_Key: 3},
{member_Key: 4},
{member_Key: 5},
{member_Key: 6},
{member_Key: 7},
{member_Key: 8},
{member_Key: 9},
]

我用复选框将 OriganalArray 绑定到一个表中

 FilterArray=[
{member_Key: 1},
{member_Key: 2},
{member_Key: 3},
   ]

现在，当我单击按钮时，复选框必须根据过滤器数组自动选择

使用 jQuery，您可以使用 .slice() 做这样的事情，为了演示，我使用了无线电：

var OriganalArray=[
{member_Key: 1},
{member_Key: 2},
{member_Key: 3},
{member_Key: 4},
{member_Key: 5},
{member_Key: 6},
{member_Key: 7},
{member_Key: 8},
{member_Key: 9}
]
$('button').click(function(){
  var filtered = OriganalArray.slice(0, +$(':radio:checked').val());
  $('p').html('<pre>'+JSON.stringify(filtered)+'</pre>');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>3 <input name='filter' type='radio' value='3'></label>
<label>4 <input name='filter' type='radio' value='4'></label>
<button>Filter</button>
<p></p>

相关文章：