element ui 表格提交时获取所有选中的checkbox的数据

<el-table ref="multipleTable" :data="appList" @selection-change="changeFun">
  <el-table-column type="selection" width="55" class="selection" prop=‘uuid‘ :selectable=‘checkboxInit‘ @selection-change="changeFun"></el-table-column>

  <el-table-column label="">
    <template scope="scope"></template>
  </el-table-column>
  <el-table-column prop="username" label="username"></el-table-column>
  <el-table-column prop="createTime" label="创建时间"></el-table-column>
</el-table>

设定此属性@selection-change="changeFun",意思是每次勾选的时候都会触发这个事件  

//复选框状态改变
changeFun(val) {
  this.multipleSelection = val;
}

引用:  element ui 表格提交时获取所有选中的checkbox的数据

原文地址:https://www.cnblogs.com/kongge/p/9946602.html

时间: 2024-10-07 14:19:06

element ui 表格提交时获取所有选中的checkbox的数据的相关文章

使用JQuery获取被选中的checkbox的value值

上网查了一下,感觉一些人回答得真的是不知所云,要么代码不够简便.或者是有些想装逼成分等. 以下为使用JQuery获取input checkbox被选中的值代码: <html>    <head>        <meta charset="gbk">        <!-- 引入JQuery -->        <script src="jquery-1.3.1.js" type="text/java

php表单提交时获取不到post数据的解决方法

原文:http://blog.csdn.net/whd526/article/details/53263181 博主运行PHP环境:windows+phpstorm+xampp 初学php,用echo $_POST["variable"]和var_dump($_POST) 都获取不到post数据. 解决方法如下: 1.找到php.ini 配置文件,查找enable_post_data_reading变量,确保其打开状态: 2.观察你的运行php的浏览器地址,会发现在PhpStorm中打

element ui表格合并span-method

在业务中,我们有时候会遇到需要表格合并的情况,而且是需要动态的根据返回的数据内容去合并. mergeLineMethod (){//处理合并表格数据 this.mergeLineArr = [] this.mergeLineIndex = 0 let mergeLine = this.list mergeLine.forEach((res, i) => { if (i === 0) { this.mergeLineArr.push(1); this.mergeLineIndex= 0 } els

element ui 表格在单元格上编辑

<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" class="tableEFG" style="width: 98%;margin: 0 auto;" > <el-table-column align="center" width="80" prop=&quo

element ui刷新页面时保留当前分页

<script > export default { data() { return { total: 100, pageSize: 5, pageNo: 1, } }, created() { this.pageNo = Number(localStorage.getItem('pagination')) || 1; this.pageChange(this.pageNo); }, beforeUpdate() { localStorage.setItem('pagination', thi

element Ui的级联选择器 任意一级选中下拉框自动关闭

封装成一个子组件 <template> <el-cascader v-model="value" clearable placeholder="请选择" ref="cascaderHandle" :options="searchOptions" :disabled="disabled" filterable :props="{ checkStrictly: true, expan

jquery获取所有选中的checkbox

参考: http://www.jb51.net/article/48361.htm http://blog.csdn.net/ge_zhiqiang/article/details/7610002 var app_value =[];  var spCodesTemp='';$('input:checkbox[name=app]:checked').each(function(i){            //放到一个数组中 app_value.push($(this).val());     

根据样式获取被选中的checkbox

<ul id="PhotoMainUL_Create" toolbar="#toolbarAttachment"> <li style="width:80px;"><input class="v_list_chek" style="text-align:left;" value="d2811813649348ec9d68f27d398bfc3c" type=

在使用element ui时 select组件获取label问题

最近在工作的时候需要实现多个条件联合查询,这个其实就是一条sql语句.但是,我们数据库中存储的是根据前端传来id的值所对应的值,而不是直接存的id,使用select组件时,却只能取到value值,无法作为后台查询的条件. 我们需要的是select 组件的label值,而不是看不见的value值. 首先,根据element ui select组件使用手册,给组件添加'change'方法 1 @change=changeValue 再根据Array 的 find方法找出对应的值即可. 1 chang