angularjs怎么获取到单选框的值
1个回答
展开全部
参考这个
<-- 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>
<-- 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>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
