Javascript 角度2-单选按钮双向绑定,获取隐藏元素中的值
我正在从JSON加载表单 我需要以下问题的帮助 问题:单击保存按钮后,我需要获取单选按钮值true或false 但现在我在console中得到的两个单选按钮值都是“true” 用户可以同时单击这两个按钮,因为它是一个单选组,我需要一个值为true,另一个值为false,反之亦然Javascript 角度2-单选按钮双向绑定,获取隐藏元素中的值,javascript,angular2-forms,radio-group,two-way-binding,Javascript,Angular2 Forms,Radio Group,Two Way Binding,我正在从JSON加载表单 我需要以下问题的帮助 问题:单击保存按钮后,我需要获取单选按钮值true或false 但现在我在console中得到的两个单选按钮值都是“true” 用户可以同时单击这两个按钮,因为它是一个单选组,我需要一个值为true,另一个值为false,反之亦然 {name: "rado 1", type: "radio", id: "rOne", checked: true} {name: "radio 2", type: "radio", id: "rTwo", checke
{name: "rado 1", type: "radio", id: "rOne", checked: true}
{name: "radio 2", type: "radio", id: "rTwo", checked: true}
我的组件HTML代码
<div class="col-md-12 pb-2 pt-4">
<form class="form-horizontal">
<div *ngFor="let record of records">
<div *ngFor="let radioButton of record.wrapper">
<label>
//hidden element
<input type="hidden" name="{{radioButton.id}}" [(ngModel)]="radioButton.checked">
<input
name="radiogroup"
type="radio"
id="{{radioButton.id}}"
[checked]="radioButton.checked"
(change)="radioButton.checked = $event.target.checked"
[value]="radioButton.checked"
>
{{radioButton.name}}
</label>
</div>
</div>
<button class=" btn btn-primary " href="# " (click)="save() ">Save</button>
</form>
</div>`
已编辑
<label>
<input
name="radiogroup"
type="radio"
id="{{radioButton.id}}"
[value] = "radioButton.id"
[(ngModel)]="selectedRadioId" >
{{radioButton.name}}
</label>
编辑
<label>
<input
name="radiogroup"
type="radio"
id="{{radioButton.id}}"
[value] = "radioButton.id"
[(ngModel)]="selectedRadioId" >
{{radioButton.name}}
</label>
我试过了,请检查,始终选择了收音机2。哦,好的,请稍等。非常感谢,它帮助很大。我被这个问题困扰了很多天。我对你的plunker有一个问题,它没有读取数据,例如:json中的“checked:true”,单选按钮没有被选中,请检查,非常感谢,现在它已被修复。非常好的帮助,保持良好的工作状态。我试过了,请检查,始终选择收音机2。哦,好的,等一下。非常感谢,它帮助很大。我被这个问题困扰了很多天。我对你的plunker有一个问题,它没有读取数据,例如:json中的“checked:true”,单选按钮没有被选中,请检查,非常感谢,现在它已被修复。很好的帮助,保持良好的工作。
// On click of save button show console log with values
save(): void {
this.records[0].wrapper.forEach((wrapper)=>{
wrapper.checked = wrapper.id == this.selectedRadioId;
})
console.log(this.records[0].wrapper[0]);
console.log(this.records[0].wrapper[1]);
}