根据复选框的内容动态的给新的table添加内容

Layui 动态在table里添加多个复选框 在一个table里动态显示多个复选框 数据: { “count”: 1000, “code”: 0, “msg”: “”, “data”: [ { “menuCode”: “customer”, “menuName”: “客户列表”, “permissions”: [ { “permissionId”: “1”, “permissionName”: “客户查询” }, { “permission... 阅读详情

当复选框中选择了第一个数据时,弹出框中将显示该数据的账户ID、账户名称、账户的总余额,另外,苏研币、研发币和现金币将要显示为输入框,因为这样的效果就是为了可以进行批量充值,具体的钱数让用户去输入。

我的JavaScript代码如下:

$(document).ready(function() {
	var param=window.parent.finedo.getgrid('datagrid').getselecteditem();
	console.log(param);
	if(param==0){
		finedo.message.info('没有选择需要批量充值的账户', '提示');
	}else{
		var tbody = document.getElementById("tbdata");
		for(var i=0;i<param.length;i++){
			var trow = getDataRow(param[i]);
			tbody.appendChild(trow);
		}	
	}
});
function getDataRow(h){
	var row = document.createElement("tr");
	var idCell = document.createElement('td');
	idCell.innerHTML = h.acctid;
	row.appendChild(idCell);
	var nameCell = document.createElement('td');
	nameCell.innerHTML = h.acctname;
	row.appendChild(nameCell);
	var acctCell = document.createElement('td');
	acctCell.innerHTML = h.acctmoney;
	row.appendChild(acctCell);
	//添加输入框
	var sybCell = document.createElement("td");
	row.appendChild(sybCell);
	var insyb = document.createElement('input');
	insyb.setAttribute("type",'text');
	sybCell.appendChild(insyb); 
	
	var yfbCell = document.createElement("td");
	row.appendChild(yfbCell);
	var inyfb = document.createElement('input');
	inyfb.setAttribute("type",'text');
	yfbCell.appendChild(inyfb);
	
	var xjbCell = document.createElement("td");
	row.appendChild(xjbCell);
	var inxjb = document.createElement('input');
	inxjb.setAttribute("type",'text');
	xjbCell.appendChild(inxjb);
	
	return row;
}
每一个输入框中需要判断输入的是否为正整数,我的判断方法如下:

//判断输入的值是否合法
	var reg = /^[1-9]\d*$/;
	var inputs = document.getElementsByTagName('input');
	for(var i=0;i<inputs.length-1;i++){
		if(inputs[i].value!=""){
			if(!reg.test(inputs[i].value)){
				finedo.message.error("请输入正整数");
				return false;
			}
		}
	}

ok,完事了。

监听table表格的复选框 开发工具与关键技术:VS、监听table表格的复选框 作者:陆桂超 撰写时间:2019年7月26日 1、如下图所示的图一和图二,要实现的效果是点击已清列的复选款,把图片中显示的未付金额回填到本次付款金额。如图二所示。备注:如下table表格是通过动态插入行添加的。 ... 阅读详情

相关推荐

layui table.render开启复选框并设置选中

记录:layui table.render开启复选框checkbox,并根据返回值设置复选框选中。 HTML代码: <div class="layui-form-item"> <label class="layui-form-label">物料</label> <div class="layui-input-block"> <table class="layu

Light 6029

关于动态生成html中的table表格样式模版,Java。利用Document和Element类。

List中有多少元素,就合并多少单元格。一个标题a为一个整的单元格。按照实体类中的一个集合属性去判断合并多少单元格,遍历集合中的数据获得需合并单元格多少单元格的数据。思路便是:先创建一个模板单元格,然后通过其属性去动态更改table中的元素标签。类似于生成此动态,需要根据业务去合并不同数量的单元格的table表格。...

鹏神丶明月天 2536

SAP Business One自定义表与字段实战:从零构建企业专属数据模型

本文详细介绍了如何在SAP Business One中创建自定义表与字段,从零构建企业专属数据模型。通过实战案例和避坑指南,帮助用户掌握业务适配、流程优化和权限隔离等关键技巧,提升系统灵活性和数据管理效率。特别适合需要扩展标准功能的SAP Business One用户。

weixin_28730927的博客 359

HTML + CSS + JavaScript 实现勾选动态表格中的记录(checkbox)

要求# 添加一个学生信息表格,表格的信息有编号、姓名、性别、信息勾选4个字段,可以任意的勾选其中0行或以上信息行。 主要步骤分析 创建一个学生信息表格 定义三个按钮:全选、全不选、反选 给添加按钮绑定点击事件 步骤实现 创建一个表格 <table> <caption>学生信息表</caption> <tr> <th><input type="checkbox" name="cb" id="firstCb"&gt

NANA_Jp的博客 1358

Windows游戏玩家必看:用Process Lasso优化CPU优先级和核心绑定,告别卡顿

本文为Windows游戏玩家详细介绍了如何使用Process Lasso优化系统性能。通过设置CPU优先级和核心绑定,可以智能管理进程资源,确保游戏获得最高调度权限,有效减少因后台程序干扰或Windows调度机制不完善导致的卡顿与帧数波动,从而提升游戏流畅度与稳定性。

weixin_29299807的博客 2217

电商产品组合策略:引流品与利润品的实战方法论

在电商运营中,产品组合策略是提升流量转化与利润增长的核心技术。其基本原理是通过数据化选品构建产品矩阵,利用引流品吸引用户流量,再通过利润品实现商业变现。这种策略不仅能优化广告投放的ROAS(广告投入产出比),还能显著提升客单价。技术实现上需要结合Google Analytics等工具进行归因分析,并运用动态库存管理模型控制风险。该方案特别适用于Amazon、Shopify等电商平台,能有效解决跨境电商业内流量获取与利润创造的平衡难题。通过实战案例可见,合理的产品组合可使客单价提升30-50%,是电商运营必备

weixin_42522009的博客 350

html动态添加选择框,如何动态添加多个复选框到一个HTML表?

在创建表后,您可以添加的复选框。 下面,你可以看到更新的代码。您的桌子创作完美。但是你试图将复选框附加到表本身,而不是td元素。在$(document).ready函数下面,可以看到我先创建表,然后调用check()函数。它基本上为每一行创建一个新的checkbox,将其包装在td中并将其放入row。我还为第一个复选框添加了一个change事件方法来控制所有其他方法。// Builds the H...

weixin_32216791的博客 1056

用App Inventor做个蓝牙温湿度计,手机自动连Arduino,5分钟搞定硬件数据上屏

本文详细介绍了如何使用App Inventor和Arduino快速搭建一个蓝牙温湿度监测系统,实现手机自动连接并显示实时数据。通过图形化编程和硬件组装指南,零代码基础的用户也能在5分钟内完成硬件数据上屏,适用于智能家居、教学演示等多种场景。

weixin_30813225的博客 171

html一列选择,动态生成的html的Table中第一列是checkbox,如何判断选择了哪些checkbox,并获得相对应的记录_html/css_WEB-ITnose...

动态生成的html的Table中第一列是checkbox,如何判断选择了哪些checkbox,并获得相对应的记录??js代码:function get(){var print = document.getElementsByName("isprint");for(var i = 0; i < print.length; i++) {if(print[i].checked) {var fact...

weixin_34061587的博客 358

干扰管理学习日志4-------信道估计方法 LS(最小二乘)、MMSE(最小均方误差)

信道估计,就是从接收数据中将假定的某个信道模型的模型参数估计出来的过程。如果信道是线性的话,那么信道估计就是对系统冲激响应进行估计。需强调的是信道估计是信道对输入信号影响的一种数学表示,而“好”的信道估计则是使得某种估计误差最小化的估计算法。本文主要讲述非盲信道估计中的LS估计和MMSE估计。LS全称为,即估计的信道参数与实际信道参数的差,进行平方求和后得到的误差累积最小。MMSE估计是LS估计的改进,在LS估计的最终结果的基础上乘以加权矩阵,使之与实际信道参数更为接近。

taiyuezyh的博客 1万+

基于鸿蒙 UniProton 的汽车电子系统开发指南

基于鸿蒙UniProton实时操作系统,提供了汽车电子系统开发的完整指南。通过统一的设计模式和开发规范,实现了高效、可靠的汽车电子系统开发。

m0_67505153的博客 178

点击复选框自动生成表格

jquery自动生成表格 根据复选框选中的数据自动生成表格实现图中第一张表的内容

weixin_43855575的博客 788

使用SSC添加大量的SDO条目

使用SSC添加大量的SDO条目 SSC用表格添加SDO,PDO部分必须指定到0x1600和0x1A00分配TxPdo和RxPdo映射,在0x1C12和0x1C13分别分配到SM2和SM3。在0x6000和0x7000未指定的entry就是SDO部分。

PI_sunyang的博客 3166

动态添加table,复选框 删除

日考7 table{ margin: 10px; border:  1px solid #000; } th{ color: red; background-color: yellow; } var index=1; function adddata(){ var _name=document.getElementById("name").value; var

xujiuba的博客 1205

K8s(二十二):k8s集群如何部署一个Spring Boot项目(依赖于MySQL和Redis外部服务)

🔴 K8s(二十二):k8s集群如何部署一个Spring Boot项目(依赖于MySQL和Redis外部服务)

✨ 欢迎来到【Seal ^_^ 的优快云博客】!✨ 2万+

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

vue element-ui table根据条件设置某一行的复选框选择为禁用状态:

vue element-ui table根据条件设置某一行的复选框选择为禁用状态: 如图:根据条件,设置某行的复选框不可选,禁用 解决方案: 给复选框一个事件: :selectable=“selectable” <el-table ref="multipleTableBind" :row-style="{height: '10px'}" :data="applyInfoList" toolt

sunrj_niu的博客 7869

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

layui的数据表格table根据数据库内容将复选框设为选中状态

根据数据库中某一属性值使页面中的复选框自动选中

qq_53932517的博客 2830

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Layui table方法渲染动态禁用复选框

根据sex判断,不为男时,禁止勾选,页面如下图所示, 当页面只有一个复选框时,隐藏第一列:页面如下图所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, m.

zxj774843784的博客 3772

layui表格复选框动态显示

描述: 根据后台返回的数据, 1.判断表格数据的是否可编辑; 2.判断每一行数据是否能被选中提交; 可编辑性 idEdit是标识字段:1为可编辑,0为不可编辑。 {field: 'itemValue', title: '数据', edit:"text",editFn:function (data) { return data["isEdit"]=="1";//true为可编辑 ...

weixin_45456250的博客 2853

layui 树形table分页并动态渲染复选框

做了伸手党这么久,第一次写博客: 废话不说,这个是根据网上的一个树形表格修改的(出处忘了),(本来没有分页的,还有点击事件不是我想要的),所以修改了 弊端:分页后其剩下的子节点没有属于父节点,看图(而且是把所有数据查出来再分页,而不是点击下一页再去后台查询,也就是你点下一页并不会去查询后台) 系统管理下有四个孩子,分页后,每页3条,第二页只有剩下的,没有树形效果了,因为第二页没有系统管理这一...

Earlyhaozai的博客 5384

动态给table增加复选框,获取复选框选中的数据

PS→无奈:失败只是暂时停止成功,假如我不能,我就一定要;假如我要,我就一定能! 版权声明:本文为博主原创文章,未经博主允许不得转载。 html如下:  动态给以上table添加复选框,并且获取选中数据的js如下: $(function(){ function initTableCheckbox() { var ...

Lj02290326gs的博客 4381

Ant Design table自定义复选框的默认不可选状态

vue用ant design我也是第一次用,关于table自定义的东西使用起来一踩一个坑。 我的需求是已经添加过的人员,下一次不可以再添加了,使用复选框的disabled属性。官网上的getCheckboxProps中的disabled的值是record.name==="XXX",我在用的过程中肯定是一个list,然后我就想用函数返回true或false,虽然功能不影响,但是打印台一直报错,提示...

weixin_42458930的博客 1万+

element-ui 中使用 table 根据状态设置某一行的复选框选择为禁用状态

element-ui 中使用 table表格时根据某一行数据状态设置复选框 选择是否为禁用状态 如图中表格,状态为1时可以勾选复选框 在el-table-column 复选框行中增加 :selectable=“selectable” 属性 <el-table-column type="selection" :selectable="selectable" > </el-table-column> methods 中增加 selectable 方法 ,

选择与努力 3240

Element-Puls Form表单内嵌套el-table表格,根据表格复选框多选或单选动态设置行的验证规则

Element-Puls Form表单内嵌套el-table表格,根据表格复选框多选或单选动态设置行的验证规则 el-table表格校验

我总是词不达意的博客 1748

使用JQuery实现对BootstrapTable复选框checkbox的动态选中

关于BootStrapTable对复选框借助JQuery动态选中指定行记录的方法探究业务需求1 实现逻辑1.1 数据库前置条件:1.2 具体思路:2 测试用例使用的BootStrapTable的初始化结构3 使用的BootStrapTable主要方法3.1 对BootStrapTable进行加载数据的方法(客户端分页方式)3.2 获取BootStrapTable记录(行记录)3.3 对BootStrapTable指定行记录(相应Index) 单列属性的修改(对复选框列“checked”的修改)4 具体实

New_joined_lion的博客 4421

layui添加复选框_layui后台动态添加checkbox不显示

$("#tbodyBuy").append("。。。这样添加后,不显示checkbox,table也用了layui-form加载完数据后form.render();一下就显示了function GetMyUserList(page1) {if (page1!="") {pageIndex = page1;}var loadid = layer.load(1, { shade: 0.1 });var...

weixin_39620118的博客 855
上一篇: 数据库中如何将字类型的数据进行比较
下一篇: js如何将一个按钮显示或者隐藏
self_defining
博客等级 码龄10年 31粉丝 82原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值