2. 程式人生 > >angularjs的查詢，全選，批量刪除

angularjs的查詢，全選，批量刪除

阿新 • • 發佈：2019-01-26
/*定義陣列*/ var data=[ { "name":"zs", "age":"18", "sex":"girl", "salary":"18000", "check":false }, {"name":"ls", "age":"28", "sex":"boy", "salary"
:"28000", "check":false }, {"name":"ww", "age":"38", "sex":"girl", "salary":"38000", "check":false }, {"name":"zl", "age":"48", "sex":"boy", "salary"
:"48000", "check":false } ] /*宣告模組*/ var myapp=angular.module("myapp",[]); /*為模組新增控制器*/ myapp.controller("myCtrl",function ($scope) { /*初始化陣列*/ $scope.data=data; /*查詢方法*/ $scope.search = function
() { $scope.cz = $scope.chazhao; } /*刪除方法*/ $scope.shanchu=function ($index) { $scope.data.splice($index,1); } /*全選*/ $scope.checkall=false; $scope.check2=function () { if($scope.checkall==true){ for(var i=0;i<$scope.data.length;i++){ $scope.data[i].check=true; } }else { for(var i=0;i<$scope.data.length;i++){ $scope.data[i].check=false; } } } /*反選*/ var n=0; $scope.count=function (index) { if($scope.data[index].check==true){ n++; }else{ n--; } if(n==$scope.data.length){ $scope.checkall=true; }else{ $scope.checkall=false; } } /*批量刪除*/ $scope.delAll=function () { for(var i=0;i<$scope.data.length;i++) { if($scope.data[i].check==true){ $scope.data.splice(i,1); i--; } } } })

相關推薦

angularjs的查詢，全選，批量刪除

/*定義陣列*/ var data=[ { "name":"zs", "age":"18", "sex":"girl", "salary":"18000

jQuery（刪除，新增，批量刪除，全選，全不選）案例

//獲取table物件 var ta=document.getElementById("ta"); //獲取checked物件 var cb=document.getElement

angularjs購物車，排序，篩選，全選，刪除，確認是否刪除

<html lang="en"> <head> <meta charset="UTF-8"> <title>第三週週考</title> <script src="angular1.4.

Vue實現商城裏面多個商品計算，全選，刪除

als ons enter box urn num src display ack <!--包含 全選/不全選 批量刪除 全部金額計算 數量加減--> 簡陋的CSS代碼 .main{ width: 100%;}.title{ wid

Jquery，全選，反選，

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="/vue/js/jquery-3.

js實現複選框的多選，全選，反選

多選，全選，反選 js實現複選框的多選，全選，反選 js實現複選框的多選，全選，反選 <table> <thead> <tr> <th><input type="checkbox"

（車站線上售票系統）複選框全選以及批量刪除

一丶複選框全選 當點選最頂上的全選/全不選 checkbox時,下面的一列要跟隨著 解決方法:用js function checkAll(){ //獲取(全選/全不選) 複選框的checked值 var flag=docu

JSJQ前臺程式碼，全選，全不選，反選

<input type="checkbox" name="checkItems" id="checkItems" value="全選/全不選">全選/全不選 <br> <input type="checkbox" name="items" value="足

vue+element-ui，樹形表格，可以做許可權管理模組，可摺疊，全選，部分全選

html部分： <ul class="role-table col-xs-offset-2 col-md-offset-1 col-sm-offset-2"> <li class="header"> <div cla

《Vuejs實戰》--帶單選，全選，總價，分類的購物車功能實現

《vuejs實戰》這本書中5.5是一道實戰題：利用計算屬性、指令等知識開發購物車。 練習1：在當前示例基礎上擴充套件商品列表，新增一項是否選中該商品的功能，總價變為只計算選中商品的總價，同時提供一個全選的按鈕。 練習2：將商品列表list改為一個二維陣列來實現商品的分類，

ListView中新增CheckBox,進行多項選擇，全選，反選，完美無Bug

新手筆記： 最近做一個列表，實現批量選擇刪除功能，用到了ListView中新增的CheckBox,來進行多項選擇，全選，反選等。因為用到了ListView，故對新手來說，有很多坑。 1、由於ListView採用了Recycler，即重複利用convertView，所以用Ch

angular實現全選，反選，批量刪除，刪除，全不選，倒序，模糊查詢等功能

效果圖如下： html程式碼如下： <body ng-app="myApp" ng-controller="myCtrl"> <button ng-click="dx(seq)">倒序</button> <butto

jquery的資料增刪改查（全選，反選，全不選，批量刪除，新增資訊）

效果圖如下： html程式碼如下： <body> <div class="btn"> <button class="seleAll">全選</button> <button class="allDe

angular （全選，全不選，刪除批量，刪除）案例

<!DOCTYPE html> <html> <head> <meta charset="utf-8" />

實現購物車結算功能：批量和全部刪除，全選和反選，單價和總價，數量增減，頁面隱藏和顯示

需求： 要求：技術要求（html+css+angularjs） 1.  完成頁面佈局，如圖1.1（button按鈕可以用普通按鈕） 2.Ø宣告資料物件，初始化商品資訊，資料自擬且不低於四條 3.  用ng-repaet指令將物件遍歷並渲染到頁面中 4.Ø點選”+”按鈕輸入

js實現全選，全不選，反選，批量刪除等（Yii）

效果展示： 程式碼實現： <?php  header("content-type:text/html;charset=utf-8");  use yii\helpers\Html;  u

TP框架之全選，反選，全不選以及批量刪除

檢視 <div id="rep"> <table border="1">     <tr>         <th>選擇</th>         <th>id</th>         &

Android ListView長按彈出CheckBox，實現全選，反選，批量刪除功能

ListView長按彈出CheckBox，實現全選，反選，批量刪除功能. 主佈局：activity_main <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="

淘寶購物車效果（加，減，刪除，全選）

效果：     頁面需要引入jquery，ArtTemplate    頁面用假資料進行渲染 <!DOCTYPE html> <html lang="en"> <head> <m

購物車兩個Adaper，可以刪除，全選反選，數量加減，通過RecycleView巢狀實現

1activity_main.xml主頁面佈局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/andro