<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<title>ee</title>
<script type="text/javascript" src="angular.min.js"></script>
</head>
<body>
<form name="temp_form"
ng-controller="c15"
ng-submit="save()">
<div>
<input type="checkbox" ng-model="a" ng-true-value="'同意'" ng-false-value="'不同意'">
同意
</div>
<div>
性别:
<input type="radio" ng-model="b" value="男">男
<input type="radio" ng-model="b" value="女">女
</div>
<input type="submit" value="提交">
<div> {{c}} </div>
</form>
<script type="text/javascript">
var app = angular.module("app", []);
app.controller("c15", ['$scope', function($scope) {
$scope.a = "同意";
$scope.b = "男";
$scope.save = function() {
$scope.c = "您的选择是:" + $scope.a + " " + $scope.b;
}
}])
</script>
</body>
</html>
angularjs单选和复选按钮
最新推荐文章于 2023-08-30 19:27:49 发布