条件に基づいてラジオボタンをチェックする方法は？

Question

条件に基づいてラジオボタンをオンにしたいと思っています。 index=>4のように、ボタン4をチェックする必要があります。私のHTMLコードは、そのようなものです：indexはどこから来るかを知るが、それはサーバーサイドだと仮定していない

<input id="rating5" type="radio" name="rating" value="5"> 
<label for="rating5">5</label> 
<input id="rating4" type="radio" name="rating" value="4"> 
<label for="rating4">4</label> 
<input id="rating3" type="radio" name="rating" value="3"> 
<label for="rating3">3</label> 
<input id="rating2" type="radio" name="rating" value="2" > 
<label for="rating2">2</label> 
<input id="rating1" type="radio" name="rating" value="1"> 
<label for="rating1">1</label> 

Answer 1

、あなたはif文、右のような入力タグの内部でPHPを置くことができます。

<input id="rating4" <?php if ($index >=4){echo 'checked="checked"';} ?> 
type="radio" name="rating" value="4"> 

Answer 2

私のプロジェクトではこのようなことがあります。トリックは、チェックされたプロパティをブール式にバインドすることです。

HTML

<input id="rating4" type="radio" name="Rating" [checked]="index == 4" (click)="index = 4"> 
<label for="rating4">4</lable> 

JS

@Component({ 
    . 
    . 
    . 
}) 
export class MyClass { 
    index: number; 

    constructor() { 
    this.index = 4; 
    } 

} 

は、基本的にはラジオボタンは、インデックスが一致した値と等しい場合にチェックし、そのラジオボタンの更新をクリックしますそれは私コンポーネントです。この例でも、選択したボタンをデフォルトの4に設定しますが、何も選択しない場合は-1に設定することができます。