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.