1、在页面div中事先创建一个空白表格，可以根据需求而定。
2、表格创建好后，我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用。
3、在<tb>标签中我们添加了<input>标签，主要是用来提供用户输入参数， 而全局变量num，主要是用来区分每一个添加的参数的id的唯一性而存在的。
4、获得表格中的数据。
5、拿到表格中的数据后，我们根据它值的形式把它转换成json格式的数据。
<!DOCYPE html><html>
<head>
<meta charset="UTF-8">
<title>
window.navigator
</title>
<style>
td {
border: 1px solid gray
padding: 3px 5px
}
</style>
<script>
onload = function(){
var tab = document.getElementsByTagName("table")[0]
var rows = tab.rows
var th = document.createElement("th")
th.innerHTML = "选择"
rows[0].insertBefore(th,rows[0].cells[0])
for(var i = 1 i < rows.length i++){
var td = rows[i].insertCell(0)
var ck = document.createElement("input")
ck.type = "checkbox"
td.appendChild(ck)
}
}
</script>
</head>
<body>
<table>
<tr>
<th>
数量
</th>
<th>
原价
</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）