AngularJs输入单选值
[英]AngularJs Input radio value
问题描述
我有一个表格，用户必须说出他是male还是female 。 在我的数据库中，它是1或0 。 我怎么能用AngularJs input radio做到这一点。
现在我有了这个：
<div class="form-group">
<label class="col-md-2 control-label">Radios</label>
<div class="col-md-10">
<div class="radio radio-primary">
<label>
<input type="radio" name="male" id="male" ng-model="employeeCtrl.employee.Gender" ng-value="0"><span class="circle"></span><span class="check"></span>
Male
</label>
</div>
<div class="radio radio-primary">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios4" ng-model="employeeCtrl.employee.Gender" ng-value="1"><span class="circle"></span><span class="check"></span>
Female
</label>
</div>
</div>
</div>
但这是行不通的。 没有选择右单选按钮，该值也不会更改。
1 个解决方案
解决方案1
1 已采纳 2016-03-28 11:22:07
运行代码，看看这是您期望的。 为单选按钮使用相同的名称，并且可以为每个控制器使用不同的ID。
<!DOCTYPE html> <html> <head> <script data-require="angular.js@1.5.0" data-semver="1.5.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body ng-app=""> <div class="form-group"> <label class="col-md-2 control-label">Radios</label> <div class="col-md-10"> <div class="radio radio-primary"> <label> <input type="radio" id='gender_male' name="gender" ng-model="employeeCtrl.employee.Gender" ng-value="0"><span class="circle"></span><span class="check"></span> Male </label> </div> <div class="radio radio-primary"> <label> <input type="radio" id='gender_female' name="gender" ng-model="employeeCtrl.employee.Gender" ng-value="1"><span class="circle"></span><span class="check"></span> Female </label> </div> </div> Gender: {{employeeCtrl.employee.Gender}} </div> </body> </html>
使用AngularJS将单选按钮值绑定到输入字段
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.