angular 4只需在javascript中设置一个单选按钮
这必须很简单,但我不想使用jQuery。angular 4只需在javascript中设置一个单选按钮,javascript,angular,typescript,radio-button,checked,Javascript,Angular,Typescript,Radio Button,Checked,这必须很简单,但我不想使用jQuery。 我需要设置一个特定的单选按钮控件。我有它的Id,所以我尝试: let radiobutton = document.getElementById("Standard"); radiobutton.checked = true; 我在网上找到了类似上面的例子, 但是Typescript/Javascript给了我一条错误消息: “类型'HtmleElement'上不存在属性'checked'” 有什么想法吗 感谢您的帮助。使用@ViewChild和模板变
我需要设置一个特定的单选按钮控件。我有它的Id,所以我尝试:
let radiobutton = document.getElementById("Standard");
radiobutton.checked = true;
我在网上找到了类似上面的例子,
但是Typescript/Javascript给了我一条错误消息:
“类型'HtmleElement'上不存在属性'checked'”
有什么想法吗
感谢您的帮助。使用@ViewChild和模板变量,而不是document.getElementById。 以下是一个例子: HTML:
为什么不使用角度绑定呢?在角度2中,这不是正确的方法。但是,我希望在如何用Angular“把它做好”方面能得到一些帮助。我不懂装订,虽然我一直在读它,但它并没有被理解。你能说得更多吗?我尝试过使用setattribute,比如:document.getElementsByTagName(“cs输入无线电”)[0].setattribute(“选中”、“为真”);但它不起作用。。。我是否设置了错误的属性?
<input #checkbox1 type="checkbox" [checked]="true" (change)="onChange(1, checkbox1)"/>{{name1}}
<br>
<input #checkbox2 type="checkbox" (change)="onChange(2, checkbox2)"/>{{name2}}
name1 = 'Angular 2';
name2 = 'Angular 4';
@ViewChild("input1") input1;
@ViewChild("input2") input2;
ngOnInit(){
this.input1.checked = true;
console.log("Checkbox1 is checked - ", this.input1.checked);
console.log("Checkbox2 is checked - ", this.input2.checked);
}
onChange(checkbox, item){
console.log("Checkbox%d was checked", checkbox);
console.log("Checkbox%d is checked - ",checkbox, item.checked);
}