根据复选框的内容动态的给新的table添加内容_html 勾选复选框动态生成table-优快云博客

本文链接：https://blog.youkuaiyun.com/h_tinkinginjava/article/details/78280178

当用户在复选框中选择特定项时，页面会弹出详细信息，包括账户ID、账户名称和总余额。同时，苏研币、研发币和现金币字段变为输入框，允许用户输入充值金额，实现批量充值功能。JavaScript代码用于实现这一交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当复选框中选择了第一个数据时，弹出框中将显示该数据的账户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，完事了。