angular 4 简单地在javascript中设置一个radiobutton

Question

这必须很简单，但我不想使用 jQuery。
我需要设置一个特定的单选按钮控件。我有它的 ID，所以我尝试了：

let radiobutton = document.getElementById("Standard");
radiobutton.checked = true;

我在网上找的例子就是上面的例子，但是 Typescript/Javascript 给我错误信息： "Property 'checked' does not exist on type 'HTMLElement'"

有什么想法吗？

感谢您的帮助。

Answer 1

而不是document.getElementById，使用@ViewChild 和模板变量。这是一个例子：

HTML:

<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);

  }

Stackblitz example

angular 4 简单地在javascript中设置一个radiobutton

angular 4 simply set a radiobutton in javascript

javascript

angular

typescript

radio-button

checked