选中的单选按钮不起作用

Question

我有以下表格。我需要默认选择 'No' 单选按钮。但是，这似乎不起作用。当我加载我的页面时，两个单选按钮都没有被选中。什么会导致 checked 什么都不做？我也使用了 checked="checked" 但这也不起作用。

<form>
  <label class="labelHeader bold">Nausea</label>
    <input [(ngModel)]="assessment.nauseous" class="modalCheckbox inline" type="radio" name="nausea" value=true><label>Yes</label>
    <input [(ngModel)]="assessment.nauseous" class="modalCheckbox inline" type="radio" name="nausea" value=false checked><label>No</label>

  <label class="labelHeader bold">Headache</label>
    <input [(ngModel)]="assessment.headache" class="modalCheckbox inline" type="radio" name="headache" value=true><label>Yes</label>
    <input [(ngModel)]="assessment.headache" class="modalCheckbox inline" type="radio" name="headache" value=false checked><label>No</label>
</form>

Answer 1

看来您使用的是angular，所以勾选的html属性不起作用。您必须在控制器中设置值：

$scope.assessment.nauseous = false
$scope.assessment.headache = false

选中的单选按钮不起作用

Radio Button Checked not working

html

radio