勾选弹出相应的值

来源：互联网发布：java实例电子书阅读器编辑：程序博客网时间：2024/06/05 05:36

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

阅读全文

0 0