angularjs之checkbox全选

最新推荐文章于 2020-12-24 10:53:50 发布

裂魂人1214

最新推荐文章于 2020-12-24 10:53:50 发布

阅读量392

点赞数

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

本文链接：https://blog.csdn.net/b422761838/article/details/73359379

版权

angularjs 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="kongwc" ng-controller="myCtrl">
    <table border="1" width="500" align="center">
        <tr>
            <td><input type="checkbox" ng-model="all"/><span>{{all?'取消':'全选'}}</span></td>
            <td>姓名</td>
            <td>性别</td>
        </tr>
        <tr ng-repeat="student in students">
            <td><input type="checkbox" ng-checked="all"/></td>
            <td>{{student.name}}</td>
            <td>{{student.value}}</td>
        </tr>
    </table>
    <script>
        var app = angular.module("kongwc",[]);
        app.controller("myCtrl",function ($scope) {
            $scope.students =  [
                {name:'小白牛', value :'男'},
                {name:'迷迭香',value:'女'},
                {name:'末日使者',value:'男'},
                {name:'黑暗游侠',value:'女'}
            ];

            $scope.repeatData = ['小白牛','迷迭香','小白牛'];
        });
    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

裂魂人1214

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
angularjs之checkbox全选

{{all?'取消':'全选'}} 姓名性别 {{student.name}} {{student.value}} var app = angular.module("kongwc",[
复制链接

扫一扫