使用Angular动态勾选和取消勾选复选框

Question

我想在函数中根据值使复选框勾选和取消勾选，如果假设复选框的值为120，如何使该复选框被勾选

<input type="checkbox" [checked] = "isEnabled" value={{rowData.FILE_LOAD_ID}} id={{rowData.FILE_LOAD_ID}}>

- TamilRoja

---

你可以添加 MCVE 吗？ - aloisdg

我已经有一个isEnabled变量，它根据onInit上的不同条件设置值，稍后我想根据复选框的值来检查和取消选择复选框。 - TamilRoja

$('input.type_checkbox[value="6"]').prop('checked', true); 我需要在TypeScript中实现这个条件。请帮帮我。 - TamilRoja

Answer 1

您可以使用 [checked] = "rowData.FILE_LOAD_ID==120"

的代码。

<input type="checkbox" [checked] = "rowData.FILE_LOAD_ID==120" value={{rowData.FILE_LOAD_ID}} id={{rowData.FILE_LOAD_ID}}>

- Krishna Rathore

Answer 2

[checked] = "isEnabled()"

添加功能

isEnabled() {  
return this.someValue === 120; 
}

- Woworks