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;今年利用了空闲的时间狠狠的深入源码学习了一把&…

硅谷甄选运营平台-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…

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接…

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

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

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

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

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

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…

攻防世界(PHP过滤器过滤)file_include

转换过滤器官方文档&#xff1a;https://www.php.net/manual/zh/filters.convert.php#filters.convert.iconv 这道题因为convert.base64-encode被过滤掉了&#xff0c;所以使用convert.iconv.*过滤器 在激活 iconv 的前提下可以使用 convert.iconv.* 压缩过滤器&#xff0c; 等…

Win10安装MongoDB(详细版)

文章目录 1、安装MongoDB Server1.1. 下载1.2. 安装 2、手动安装MongoDB Compass(GUI可视工具)2.1. 下载2.2.安装 3、测试连接3.1.MongoDB Compass 连接3.2.使用Navicat连接 1、安装MongoDB Server 1.1. 下载 官网下载地址 https://www.mongodb.com/try/download/community …

利用docker容器安装node,使用vue的开发环境

目录 vue-app ├── docker-data │ ├── site │ ├── app ├── docker-compose.yaml └── deploy.sh docker-compose.yaml yaml文件执行 version: 3.8services:node:image: node:latestcontainer_name: vue-appports:- "8080:8080" # 宿主8080映射容器8…

系统服务综合项目

要求&#xff1a; 现有主机 node01 和 node02&#xff0c;完成如下需求&#xff1a; 1、在 node01 主机上提供 DNS 和 WEB 服务 2、dns 服务提供本实验所有主机名解析 3、web服务提供 www.rhce.com 虚拟主机 4、该虚拟主机的documentroot目录在 /nfs/rhce 目录 5、该目录由 no…

如何保证语音芯片的稳定性能和延长使用寿命

要让语音芯片保持稳定性能&#xff0c;首先需要深入理解其工作原理和内部构造。语音芯片&#xff0c;作为现代电子设备中的核心组件之一&#xff0c;承载着声音信号的处理与输出功能。为了确保其稳定运行&#xff0c;我们需要从多个方面进行细致的考虑和操作。‌ 1、避免长期高…

Windows系统MySQL的安装,客户端工具Navicat的安装

下载mysql安装包&#xff0c;可以去官网下载&#xff1a;www.mysql.com。点击downloads 什么&#xff1f;后面还有福利&#xff1f; 下载MySQL 下载企业版&#xff1a; 下载Windows版 5点多的版本有点低&#xff0c;下载8.0.38版本的。Window系统。下载下面的企业版。不下载…

[数字图像处理]基础知识整理(部分,持续更新)

程序中描述一副图像&#xff0c;已知其横向纵向的像素个数即可&#xff08;&#xff09; 灰度直方图能反映一副图像各个灰度级像素占图像的面积比&#xff08;√&#xff09; 从程序编写的角度看&#xff0c;描述一副图像的基本属性通常包括其分辨率&#xff0c;即图像的宽度…