Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angular 4只需在javascript中设置一个单选按钮_Javascript_Angular_Typescript_Radio Button_Checked - Fatal编程技术网

angular 4只需在javascript中设置一个单选按钮

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和模板变

这必须很简单,但我不想使用jQuery。
我需要设置一个特定的单选按钮控件。我有它的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);

  }