我的 HTML 页面上有两个单选按钮用于性别选择(M 或 F)。如何检索在我的打字稿文件中单击了哪个按钮?这是代码
<form>
<label> Gender </label>
<br>
<input type="radio" required name='gender' value='Male' [(ngModel)]='gender'>Male
<br>
<input type="radio" required name='gender' value='Female' [(ngModel)]='gender'>Female
<br>
<button id="signup" class="btn btn-primary" type="submit">Signup</button>
</form>
单击按钮时,我想将 M 或 F 分配给打字稿文件中的字符串。
你的代码是正确的。不需要改变任何东西。
这是您的模板代码。
<form (ngSubmit)="onSubmit()">
<label>Gender</label>
<input type="radio" required name='gender' value='Male' [(ngModel)]='gender'>Male
<input type="radio" required name='gender' value='Female' [(ngModel)]='gender'>Female
<button id="signup" type="submit">Signup</button>
</form>
在您的 .ts 文件中,
export class TestComponent implements OnInit {
gender: string = "Male";
onSubmit() {
console.log(gender);
}
}
这将为您提供选定的性别值。因为你已经使用了双向绑定。每当输入更改时,它都会更新 ngModel。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句