最简单全选，添加，编辑，删除js代码

以下为最简单的全选、添加、编辑、删除JS代码，帮助大家快速开发项目，希望大家喜欢！

首先引入相关文件：

1 <link href="__PUBLIC__/css/base.css" rel="stylesheet" type="text/css">
2 <script type="text/javascript" src="__PUBLIC__/js/jquery-3.2.1.js"></script>
3 <script type="text/javascript" src="__PUBLIC__/js/dsdialog.js"></script>

具体js代码如下：

 1 <script>
 2     /***********************全选或全部选*********************/
 3     $(function(){
 4         $("#chkall").click(function(){
 5             if($("#chkall").is(':checked')==true){
 6                 $("input[name='counts[]']").prop('checked',true);
 7             }else{
 8                 $("input[name='counts[]']").prop('checked',false);
 9             }
10         })
11     })
12     /***********************添加采购预算*********************/
13     function addGood(){
14         layer.open({
15             type: 2,
16             shadeClose: true,
17             title: false,
18             shade: 0.8,
19             closeBtn:1,
20             offset: '20px',
21             area: ['95%','95%'],
22             content: "{:U('BudgetPurchase/product_list')}",
23             end: function (){
24                 window.location.href="{:U('BudgetPurchase/add')}";
25             }
26         });
27     }
28     /***********************编辑采购预算*********************/
29     function edit(){
30        var len=$("input:checkbox[name='counts[]']:checked").length;
31        if(len==0){
32            ds.dialog({title:'提示信息',content:'请选择数据',onyce:true,icon:'info.png'});
33        }else if(len>1){
34            ds.dialog({title:'提示信息',content:'请选择一条数据',onyce:true,icon:'info.png'});
35        }else{
36            var budget_id=$("input:checkbox[name='counts[]']:checked").val();
37            window.location.href="__URL__/edit?budget_id="+budget_id;
38        }
39     }
40     /***********************删除采购预算*********************/
41     function del(){
42         var checks=$("input:checkbox[name='counts[]']:checked");
43         if(checks.length){
44             ds.dialog.confirm('确定删除吗？',function(){
45                 var myArr=new Array();
46                 checks.each(function(){
47                     myArr.push($(this).val());
48                 })
49                 $.ajax({
50                     type:'post',
51                     url:"{:U('BudgetPurchase/del')}",
52                     data:{'myArr':myArr},
53                     dataType:'json',
54                     success:function(msg){
55                         if(msg.status==200){
56                             ds.dialog({title:'提示信息',content:msg.message,onyce:true,icon:'info.png'});
57                             window.location.reload();
58                         }else{
59                             ds.dialog({title:'提示信息',content:msg.message,onyce:true,icon:'info.png'});
60                         }
61                     }
62                 })
63             })
64         }else{
65             ds.dialog({title:'提示信息',content:'请选择数据',onyce:true,icon:'info.png'});
66         }
67     }
68 </script>

 

posted @ 2017-12-21 15:43  追梦鑫求  阅读(210)  评论(0)    收藏  举报