Question

我正在使用PrimeNg单选按钮。默认情况下不选中它。我希望能够以编程方式使用javascript或打字稿检查单选按钮。

我尝试了以下操作，但不起作用。

<p-radioButton inputId="taken" id="taken" name="groupname" value="true"  class="col-sm-3 pl-3"  [(ngModel)]="modalTaken"></p-radioButton>

document.getElementById("taken").checked=true;

我希望能够更改单选按钮进行检查。因为它可以在普通单选按钮（而不是启动单选按钮）中使用。

Answer 1

HTML：

<p-radioButton inputId="taken" id="taken" name="groupname" value="true" label='true' class="col-sm-3 pl-3"  [(ngModel)]="modalTaken"></p-radioButton>

TS：

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  modalTaken = 'true';
}

您的modalTaken必须与您的单选按钮的值匹配。如果您有一个值为value='dog'的单选按钮，则您的modalTaken='dog'应该看起来像这样。

primeng单选按钮如何更改已选中

1 个答案: