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);
                }
            }
  • 相关阅读:
    ASA5505升级license
    Elasticsearch-URL查询实例解析
    awk和sed
    ftp无法上传问题
    linux使用storcli64查看硬盘信息
    Centos7中kubernetes-1.11.2基于配置亲和与反亲和
    Centos7使用kubeadm部署kubernetes-1.11.2
    内网映射3种方法
    centos6.5使用LVM
    centos7部署openstack-ocata
  • 原文地址:https://www.cnblogs.com/YangqinCao/p/5799401.html
Copyright © 2011-2022 走看看