zoukankan      html  css  js  c++  java
  • 获取checkbox返回值

    <div class="checkbox">
         <label>
             <input type="checkbox" value="0" name="全选" ng-checked="isSelected('0')" ng-click="updateSelection($event,'0')">全选
         </label>
         <label>
             <input type="checkbox" value="1" name="BANNER" ng-checked="isSelected('1')" ng-click="updateSelection($event,'1')">BANNER
         </label>
         <label>
             <input type="checkbox" value="2" name="资料库" ng-checked="isSelected('2')" ng-click="updateSelection($event,'2')">资料库
         </label>
         <label>
             <input type="checkbox" value="3" name="最新公告" ng-checked="isSelected('3')" ng-click="updateSelection($event,'3')">最新公告
          </label>
    </div>
         $scope.selected=[];
            var updateSelected=function(action,value){
                if(action=="add"&&$scope.selected.indexOf(value)==-1){
                    $scope.selected.push(value);
                }
                if(action=="remove"&&$scope.selected.indexOf(value)!=-1){
                    var idx=$scope.selected.indexOf(value);
                    $scope.selected.splice(idx,1);
                }
            }
            $scope.isSelected=function(value){
                if(value=="0"){
                    return $scope.selected.indexOf("1")>=0&&$scope.selected.indexOf("2")>=0&&$scope.selected.indexOf("3")>=0;
                }else{
                    return $scope.selected.indexOf(value)>=0;
                }
            }
            $scope.updateSelection=function(event,value){
                var checkbox=event.target;
                var action=(checkbox.checked?"add":"remove");
                if(value=="0"){
                    updateSelected(action,"1");
                    updateSelected(action,"2");
                    updateSelected(action,"3");
                }else{
                    updateSelected(action,value,checkbox.name);
                }
            }
  • 相关阅读:
    构建之法阅读笔记04
    团队项目
    构建之法阅读笔记03
    第6周学习进度
    求最大子数组03
    四则运算4(完结)
    第5周学习进度
    敏捷开发概述
    第4周学习进度
    构建之法阅读笔记01
  • 原文地址:https://www.cnblogs.com/YangqinCao/p/5799401.html
Copyright © 2011-2022 走看看