js前端隐藏列 并且获取值,列表复选框

列表框

            <div class="block" id="psi_wh_allocation_m"><table id="result" class="list auto hover fixed" style="width:100%;border-collapse:collapse"><thead><tr><%--<th></th>--%><%--<th><h:checkbox indexed="true" property="SELECTALL" onclick="selectAll(this)" /></th>--%><th><input type="checkbox" id="selectAllCheckbox" onclick="selectAll(this)"></th><th><b:message key="KA0020.G02015.MODEL.SECTION" /></th><th><b:message key="KA0020.G02015.MODEL.BP_GROUP" /></th><th><b:message key="KA0020.G02015.MODEL.PRODUCT_GROUP" /></th><th><b:message key="KA0020.G02015.MODEL.PRODUCT_CATEGORY" /></th><th><b:message key="KA0020.G02015.MODEL.AMS_MODEL" /></th></tr></thead><l:iterate id="PSI_WH_ALLOCATION_M" property="PSI_WH_ALLOCATION_M" indexId="index"><h:tbody><tr><%--<td><h:checkbox name="selectItem" indexed="true" property="FLAG" /></td>--%><td><input name="selectItem" property="FLAG" type="checkbox" class="rowCheckbox"></td><td><b:write name="PSI_WH_ALLOCATION_M" property="SECTION" /></td><td><b:write name="PSI_WH_ALLOCATION_M" property="BP_GROUP" /></td><td><b:write name="PSI_WH_ALLOCATION_M" property="product_group" /></td><td><b:write name="PSI_WH_ALLOCATION_M" property="product_category" /></td><td><b:write name="PSI_WH_ALLOCATION_M" property="ams_model" /></td><%--隐藏列--%><td style="width:0px;display: none;"><h:hidden name="PSI_WH_ALLOCATION_M" indexed="true" property="inventory_item_id" /><%--<b:write name="PSI_WH_ALLOCATION_M" property="inventory_item_id" />--%></td></tr></h:tbody></l:iterate></table></div><div class="mdui-col"><m:right><button type="button"class="face-form-button btnStyle mdui-color-blue-a700"onclick="savePsi_wh_allocation_m()"><b:message key="KA0020.G02015.MODEL.ADD" /></button><button type="button"class="face-form-button btnStyle mdui-color-blue-a700"onclick="del(frmMain)"><b:message key="KA0020.G02015.MODEL.DELETE" /></button></m:right></div>

获取隐藏值js代码

function del(frmMain) {debugger//获取所有tr的数据var table = $("#psi_wh_allocation_m").find("tbody");var myck= document.getElementsByName("selectItem");var num =  $("#psi_wh_allocation_m").find("tbody").length;var array = [];for (var a=0;a<num;a++){if (myck[a].checked){var tr = table[a].rows[0].cells;// 遍历当前 tr 内的所有 td 元素let row = {};row['section'] = tr[1].textContent;row['bp_group'] = tr[2].textContent;row['product_group'] = tr[3].textContent;row['product_category'] = tr[4].textContent;debugger  /*删除有问题 取型号id*/// row['inventory_item_id'] = tr[5].textContent;//获取隐藏列的值row['inventory_item_id'] = tr[6].querySelector('input').value;array.push(row);}}f.doAjaxResult('allocation.G02015@del', {data: JSON.stringify(array),}, function (res) {if (res.success) {f.doPost(frmMain, 'allocation.G02015@init', true);}else{res.message && alert(res.message);}});
}

在这里插入图片描述
其实项目中的 h:hidden 标签
等同于 input 标签

复选框js代码

function selectAll(checkbox) {debuggerif (checkbox.checked == true) {//选中,则将下面表格中信息全部选中存入临时表中var tableRows = document.getElementById("result").rows.length - 1; // 获取表格的行数for (var i = 0; i < tableRows; i++) {debuggerif(!document.getElementsByName('selectItem')[i].checked){//判断表格中checked是否已被选中,若没有被选中在将数据加入临时表(已经选中的信息不会再加入临时表)document.getElementsByName('selectItem')[i].checked=true;//将选中的checkbox勾选上}}} else {//取消选中,则将下面表格中的全部信息从临时表中删除var tableRows = document.getElementById("result").rows.length - 1; // 获取表格的行数for (var i = 0; i < tableRows; i++) {document.getElementsByName('selectItem')[i].checked=false;}}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/44104.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LabVIEW滤波器性能研究

为了研究滤波器的滤波性能&#xff0c;采用LabVIEW设计了一套滤波器性能研究系统。该系统通过LabVIEW中的波形生成函数&#xff0c;输出幅值及频率可调的正弦波和白噪声两种信号&#xff0c;并将白噪声与正弦波叠加&#xff0c;再通过滤波器输出纯净的正弦波信号。系统通过FFT&…

Python从0到100(三十八):json字符串的数据提取

JSON的数据提取 1.学习目标 掌握JSON相关的方法&#xff08;load, loads, dump, dumps&#xff09;了解JSONPath的使用&#xff08;提取JSON中的数据&#xff09; 2 复习什么是JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式&#xff0c;它使得人们很容…

富文本braft-editor插件分享

效果展示 安装插件 npm install braft-editor 或者 yarn add braft-editor 主要代码 import React, { useState, forwardRef } from react //引入富文本编辑器 import BraftEditor from braft-editor // 引入编辑器样式 import braft-editor/dist/index.css import { B…

thinkphp8框架源码精讲

前言 很开心你能看到这个笔记&#xff0c;相信你对thinkphp是有一定兴趣的&#xff0c;正好大家都是志同道合的人。 thinkphp是我入门学习的第一个框架&#xff0c;经过这么多年了&#xff0c;还没好好的研究它&#xff0c;今年利用了空闲的时间狠狠的深入源码学习了一把&…

缺陷检测总结

基于深度学习的缺陷检测方法 1、全监督模型&#xff1a;基于表征学习的缺陷检测模型&#xff0c;基于度量学习的缺陷检测模型 1.1、基于表征学习的缺陷检测模型&#xff1a;分类网络&#xff0c;检测网络&#xff0c;分割网络&#xff1b; 其中分类网络的使用方式主要有三种…

2974. 最小数字游戏 Easy

你有一个下标从 0 开始、长度为 偶数 的整数数组 nums &#xff0c;同时还有一个空数组 arr 。Alice 和 Bob 决定玩一个游戏&#xff0c;游戏中每一轮 Alice 和 Bob 都会各自执行一次操作。游戏规则如下&#xff1a; 每一轮&#xff0c;Alice 先从 nums 中移除一个 最小 元素&a…

硅谷甄选运营平台-vue3组件通信方式

vue3组件通信方式 vue2组件通信方式&#xff1a; props:可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件:可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信pubsub:发布订阅模式实现任意组件通信vuex:集中式状态管理容器&#xff0c;实现任意组件通信ref:父…

camunda最终章-springboot

1.实现并行流子流程 1.画图 2.创建实体 package com.jmj.camunda7test.subProcess.entity;import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor;import java.io.Serializable; import java.util.ArrayList; import java.util.List;Data …

C语言 | Leetcode C语言题解之第230题二叉搜索树中第K小的元素

题目&#xff1a; 题解&#xff1a; /*** Definition for a binary tree node.* struct TreeNode {* int val;* struct TreeNode *left;* struct TreeNode *right;* };*/int search_num(struct TreeNode* root, int k, int *result, int num) {if(num k 1){retu…

《Foundation 侧边栏》

《Foundation 侧边栏》 介绍 Foundation 是一个强大的前端框架,它提供了一套丰富的工具和组件,帮助开发者快速构建响应式、移动优先的网站和应用程序。在 Foundation 中,侧边栏是一个常用的组件,用于展示导航链接、菜单或其他相关信息。本文将详细介绍如何在 Foundation …

FastGPT连接OneAI接入网络模型

文章目录 FastGPT连接OneAI接入网络模型1.准备工作2.开始部署2.1下载 docker-compose.yml2.2修改docker-compose.yml里的参数 3.打开FastGPT添加模型3.1打开OneAPI3.2接入网络模型3.3重启服务 FastGPT连接OneAI接入网络模型 1.准备工作 本文档参考FastGPT的官方文档 主机ip接…

JDBC 实例分享——简易图书管理系统

目录 前言 数据表的建立 操作包各个类的实现 增加类 删除类 展示类 借阅与归还类 前言 书接上文 JDBC编程的学习——MYsql版本-CSDN博客 本期我们通过对先前图书管理系统进行改造,是它的数据能保存在数据库中 完整代码我已经保存在github中,能不能给个星呢!!!! call…

记一次若依框架和Springboot常见报错的实战漏洞挖掘

目录 前言 本次测实战利用图​ 1.判段系统框架 2.登录页面功能点测试 2.1 弱口令 2.2 webpack泄露信息判断 2.3 未授权接口信息发现 3.进一步测试发现新的若依测试点 3.1 默认弱口令 3.2 历史漏洞 4.访问8080端口发现spring经典爆粗 4.1 druid弱口令 4.2 SwaggerU…

热键危机:揭秘Memcached中的热键问题及其解决方案

热键危机&#xff1a;揭秘Memcached中的热键问题及其解决方案 Memcached是一种广泛使用的高性能分布式内存缓存系统&#xff0c;它通过缓存数据来减少对后端数据库的访问压力&#xff0c;从而提高应用性能。然而&#xff0c;Memcached也可能遇到热键&#xff08;hot key&#…

浅析Kafka-Stream消息流式处理流程及原理

以下结合案例&#xff1a;统计消息中单词出现次数&#xff0c;来测试并说明kafka消息流式处理的执行流程 Maven依赖 <dependencies><dependency><groupId>org.apache.kafka</groupId><artifactId>kafka-streams</artifactId><exclusio…

Okhttp实现原理

OkHttp 是一个高效的 HTTP 客户端库&#xff0c;广泛应用于 Android 和 Java 应用中。它提供了简洁的 API&#xff0c;支持多种协议&#xff0c;如 HTTP/1.x 和 HTTP/2&#xff0c;并且内置了缓存和重试机制。下面是结合源码分析的 OkHttp 的实现原理&#xff1a; 核心组件 O…

Swift 数据类型

Swift 数据类型 Swift 是一种强类型语言,这意味着在 Swift 中声明的每个变量和常量都必须具有明确的类型。Swift 的类型系统旨在帮助开发者编写清晰、安全的代码。本文将详细介绍 Swift 中的基本数据类型,包括整数、浮点数、布尔值、字符和字符串。 整数类型 Swift 提供了…

音频语言学习领域数据集现状、分类及评估

Audio Language Learning (Audio-Text Learning) 是一个新兴的研究领域&#xff0c;专注于处理、理解和描述声音。它的发展动力是机器学习技术的进步以及越来越多地将声音与其相应的文本描述相结合的数据集的可用性。 Audio Language Models (ALMs) 是这个领域的关键技术&#…

MATLAB中的SDPT3、LMILab、SeDuMi工具箱

MATLAB中的SDPT3、LMILab、SeDuMi工具箱都是用于解决特定数学优化问题的工具箱&#xff0c;它们在控制系统设计、机器学习、信号处理等领域有广泛的应用。以下是对这三个工具箱的详细介绍&#xff1a; 1. SDPT3工具箱 简介&#xff1a; SDPT3&#xff08;Semidefinite Progra…

基于QT开发的反射内存小工具

前言 最近项目需要需要开发一个反射内存小工具&#xff0c;经过2天的修修改终于完成了。界面如下&#xff1a; 功能简介 反射内存指定地址数据读取反射内存指定地址数据写入反射内存指定地址数据清理十进制、十六进制、二进制数据相互转换 部分代码 void RfmMain::setWOthe…