angularjs怎么获取到单选框的值
4 回答
精慕HU
TA贡献1845条经验 获得超8个赞
例： 无标题文档 function test1(){ alert(document.form1.radiobutton[0].value);} function test2(){ alert(document.form1.radiobutton[1].value);}
临摹微笑
TA贡献1982条经验 获得超2个赞
参考这个
<-- index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.min.css">
<style>
body{ padding-top:50px; }
form{ margin-bottom:50px; }
</style>
<script type="text/javascript" src="angular.min.js"></script>
</head>
<body ng-app="formApp" ng-controller="formController">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<h2>Sample Form Object</h2>
<pre>
{{ formData }}
</pre>
<label>Chicken or the Egg?</label>
<div class="form-group">
<div class="radio">
<label>
<input type="radio" name="chickenEgg" value="chicken" ng-model="formData.chickenEgg">Chicken
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="chickenEgg" value="egg" ng-model="formData.chickenEgg">Egg
</label>
</div>
</div>
</div>
</body>
</html>
<script>
var formApp = angular.module('formApp', [])
.controller('formController', function($scope) {
//$scope.formData = {};
});
</script>
RISEBY
TA贡献1856条经验 获得超5个赞
angularjs获取到单选框的值的方法：
1、定义一组radio：
<label>Chicken or the Egg?</label>
<div class="form-group">
<div class="radio">
<label>
<input type="radio" name="chickenEgg" value="chicken" ng-model="formData.chickenEgg">
Chicken
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="chickenEgg" value="egg" ng-model="formData.chickenEgg">
Egg
</label>
</div>
</div>
2、js代码如下：
var myApp = <b style="color:#000;background:#ffff66">angular</b>.module("myApp", []);
myApp.controller("myController", function($scope) {
$scope.selectedGender = '';
$scope.getRadioButtonValue = function(gender) {
// copy data
alert(gender);
$scope.selectedGender = <b style="color:#000;background:#ffff66">angular</b>.copy(gender);
};
});
- 4 回答
- 0 关注
- 1001 浏览
添加回答
举报
0/150
提交
取消