勾选弹出相应的值

最新推荐文章于 2022-04-09 19:21:46 发布

Mq_Zhang01

最新推荐文章于 2022-04-09 19:21:46 发布

阅读量339

点赞数

分类专栏： angular的应用文章标签： input 勾选

本文链接：https://blog.csdn.net/Zmq321834649/article/details/78326838

版权

angular的应用专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var myapp=angular.module("myapp",[]);
        myapp.controller("myCtrl",function ($scope) {
            $scope.data=[
                {"name":"这是第一项"},
                {"name":"这是第二项"},
                {"name":"这是第三项"},
                {"name":"这是第四项"},
            ];

            $scope.queren=function () {
                var n=0;
                var j=0;
                for(var i=0;i<$scope.data.length;i++){
                    if($scope.data[i].check==true){
                        n++;
                        j=i;
                    }
                }
                if(n==1){
                    alert($scope.data[j].name)
                }else if(n==0){
                    alert("请选择");
                }else{
                    alert("只能选择一条数据")
                }
            };
        });
    </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<button ng-click="queren()">确认</button>
<table border="1px" cellpadding="15" cellspacing="0">
    <tbody>
    <tr ng-repeat="item in data">
        <td><input type="checkbox" ng-model="item.check"  ng-click="count($index)">{{item.name}}</td>
    </tr>

    </tbody>
</table>
</body>
</html>