angularjs单选和复选按钮

最新推荐文章于 2021-01-14 15:00:50 发布

tyilack_小小黑

最新推荐文章于 2021-01-14 15:00:50 发布

阅读量1.4k

点赞数

分类专栏： angularjs 文章标签： javascript angularjs

本文链接：https://blog.csdn.net/u014520745/article/details/52918751

版权

angularjs 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tyilack_小小黑

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
angularjs单选和复选按钮

ee <form name="temp_form" ng-controller="c15" ng-submit="save()"> 同意性别：男女 {{c}} var app = angular.module("app", []); app.controller("c15", ['$scope', functio
复制链接

扫一扫