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

我在我的一个项目中有这样的工作。 Trick是将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。

如何根据条件选中单选按钮？

2 个答案: