如何使基於條件的單選按鈕被選中？

Question

我想在基於條件的基礎上檢查單選按鈕。就像index=>4時，應該檢查按鈕4。我的HTML代碼是這樣的：

<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

不知道哪裏index從何而來，但假設它是服務器端，你可以把一個PHP if語句權這樣的輸入標籤內。

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

Answer 2

我有這樣的工作在我的項目。訣竅是將checked屬性綁定到布爾表達式。

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。