我正在使用Angular 4,在我的模板上我有一个复选框和一个div。
在我的.ts文件中,我有两个功能。
// html
<input type="checkbox" class="custom-control-input" (change)="function2($event)">
<div (click)="function1()">some text here</div>
我有ts文件
// .ts
function1() {
// check if the checkbox is checked.
}
function2(event) {
// do something here
}
从function1如何检查复选框是否已选中?
答案 0 :(得分:5)
在function1()中获取值的一种方法是使用模板变量。
然后你可以做到以下几点:
1。 的 HTML 强>
<input #input type="checkbox" class="custom-control-input" (change)="function2($event)">
<强>打字稿强>
@ViewChild('input') private checkInput;
....
function1(){
console.log(this.checkInput.checked? "it's checked": "it's not checked")
}
2。 的 HTML 强>
<input #input type="checkbox" class="custom-control-input" (change)="function2($event)">
<div (click)="function1(input)">some text here</div>
<强>打字稿强>
function1(element){
console.log(element.checked? "it's checked": "it's not checked")
}
答案 1 :(得分:0)
将Id属性添加到复选框
<input id='check1' type="checkbox" class="custom-control-input" (change)="function2($event)">
然后检查function1()
中的值function1() {
if(document.getElementById('check1').checked) {
// do something here
}