Vue 复选框全选/反选配合ajax删除 Springboot

墨蓝 2023-05-29 02:28 117阅读 0赞

**Vue 复选框全选 配合ajax删除 Springboot**

**这是Vue全选代码**

checkedAll: function() {
            var _this = this;
            //遍历数组列表
              this.newss.forEach(function(ns, index) {
               if(_this.nids.indexOf(ns.nid)==-1){//判断某元素是否存在于数组中
                 //默认选中的数组  
                 _this.nids.push(ns.nid);
               }else{//存在则移除
                 var nkey = _this.nids.indexOf(ns.nid);
                 _this.nids.splice(nkey,1);
               }
              });
          },

**html部分代码**

<td style="text-align:left; padding:19px 0;padding-left:20px;">
              <input type="checkbox" v-model='checked' v-on:click='checkedAll'> 全选
    </td>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDM3MjY0_size_16_color_FFFFFF_t_70][] vue部分

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDM3MjY0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191101144121612.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDM3MjY0,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，117人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 复选框全选/反选配合ajax删除 Springboot

Vue 复选框全选配合ajax删除 Springboot 这是Vue全选代码 checkedAll: function() { var _

墨蓝/ 2023年05月29日 02:28/ 0 赞/ 118 阅读

相关 js 实现复选框全选和反选

//全选 function chooseAll() \{ var selects = document.getElementsByName('id

深碍√TFBOYSˉ_/ 2022年08月26日 11:24/ 0 赞/ 314 阅读

相关 jQuery复选框全选反选操作

<!DOCTYPE html> <html > <head> <title> jquery-ajax </title> <sc

刺骨的言语ヽ痛彻心扉/ 2022年08月18日 12:09/ 0 赞/ 339 阅读

相关复选框的全选及其反选的实现

关键方法概述 prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设

忘是亡心i/ 2022年07月16日 07:09/ 0 赞/ 216 阅读

相关 jQuery实现复选框的全选和反选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

绝地灬酷狼/ 2022年07月11日 15:24/ 0 赞/ 290 阅读

相关 freemaker页面复选框全选与反选

<tr> <td align="right" style="width:120px">

系统管理员/ 2022年06月13日 04:46/ 0 赞/ 284 阅读

相关 js实现复选框的全选、取消全选、反选

思路很简单：全选：将所有复选框的checked设置为true 取消全选：将所有复选框的checked设置为false 反选：将所有选中的复选框设置为false，未选中的

朱雀/ 2022年05月18日 05:47/ 0 赞/ 467 阅读

相关 JavaScript复选框（全选/全不选反选）

实例代码： 1 JS代码： <script type="text/javascript"> window.οnlοad=function()\{

一时失言乱红尘/ 2022年05月17日 01:46/ 0 赞/ 342 阅读

相关 js 实现复选框全选和反选

//全选 function chooseAll() \{ var selects = document.getElementsByName('id

蔚落/ 2022年05月11日 13:42/ 0 赞/ 341 阅读

相关 javascript 复选框（checkbox）全选/全不选/反选

其实很简单，先分析一下效果分析：　　1，点击全选/全不选　　　全选文字变成全不选，同时全选按钮和所有按钮选中状态，否则，则相反　　2，点击反选按钮

た入场券/ 2021年11月19日 14:24/ 0 赞/ 647 阅读