首页 > 解决方案 > 如何通过调用函数从组件中动态选择选中的复选框?

问题描述

我在 angular7 组件中有一个函数。我想调用这个函数并获得带有 id 的选中复选框,class 任何可能的解决方案。

get_selected_users(){
     checked_users = [01,333,43,54,656,234,234,324];
     checked_users.forEach(function(element) {
           console.log("element --->",element);
     });

html代码

<input type="checkbox" value="333" />
<input type="checkbox" value="54" />
<input type="checkbox" value="100" />
<input type="checkbox" value="999" /> 

标签: angularcheckboxdynamicbindingangular7

解决方案


通过包含 jquery 在下面使用:

import * as $ from 'jquery';

$.each(checked_users, function(i, val){

if($("input[value='" + val + "']"))
   $("input[value='" + val + "']").prop('checked', true);

});

推荐阅读