我有两个单选按钮pass和fail.
如何获取所选单选按钮的值.
<div class="col-md-4">
Result
<div class="radio">
<label><input type="radio" name="rdoResult">pass</label>
</div>
<div class="radio">
<label><input type="radio" name="rdoResult">fail</label>
</div>
</div>
我是否需要使用ng-model或其他东西.在jquery中,我知道在angularjs中没有的东西.
Pan*_*kar 27
两者应该具有相同ng-model的不同ng-value(用于选择options或radio按钮),以便在result$ scope变量上更改所选值,并且您可以在表单提交或按钮单击时在控制器内获取该值.
标记
<div class="col-md-4">
Result
<div class="radio">
<label>
<input ng-model="result" type="radio" name="rdoResult" ng-value="'pass'">
pass
</label>
</div>
<div class="radio">
<label>
<input ng-model="result" type="radio" name="rdoResult" ng-value="'fail'">
fail
</label>
</div>
</div>
angular.module('resultApp', []).controller('resultCtrl', function($scope) {
$scope.result = 'pass';
$scope.submitResult = function(result) {
alert(result)
};
});<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app='resultApp' ng-controller='resultCtrl'>
<div class="col-md-4">
Result
<div class="radio">
<label><input type="radio" ng-model='result' ng-value='"pass"' name="rdoResult">pass</label>
</div>
<div class="radio">
<label><input type="radio" ng-model='result' ng-value='"fail"' name="rdoResult">fail</label>
</div>
</div>
{{result}}
<button ng-click="submitResult(result)">See Result</button>
</body>| 归档时间： |
|
| 查看次数： |
73839 次 |
| 最近记录： |