角度4は、単純にラジオボタンをjavascriptに設定します。

Question

これは単純である必要がありますが、jQueryを使用したくありません。
特定のラジオボタンコントロールを設定する必要があります。私は、そのIDを持っているので、私が試した： は「プロパティタイプに存在しない 『にチェック』 '：

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

は、私はちょうど上記、 が、活字体/ Javascriptが私にエラーメッセージを与えるようにウェブ上の例を見つけました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