JS实现点击Radio动态更新table数据
时间：2021-04-16 08:24:06|栏目：JavaScript代码|点击： 次
tbody定义一个标签
当上面变化的，在js里面做拼接就行了，拼接结束 tbody.html(XXX)
<script type="text/javascript">
$(function(){
var quotas = {
1:{name:"工商银行",oneTime:1000},
2:{name:"农业银行",oneTime:800},
3:{name:"中国银行",oneTime:2000},
4:{name:"建设银行",oneTime:10}};
$(":radio").click(function(){
console.info("click:"+$(this).val());
var quota = quotas[$(this).val()];
var quotaHtml = [];
quotaHtml = quotaHtml.concat([
'<tr>',
'<td>'+quota.name+'</td>',
'<td>'+quota.oneTime+'</td>',
'<td>100</td>',
'<td>100</td>',
'<td>100</td>',
'</td>'
])
console.info("html:"+quotaHtml);
$("#quota").html(quotaHtml)
});
});
</script>
<body>
<input type="radio" name="bank" value="1"/>工商银行
<input type="radio" name="bank" value="2"/>农业银行
<input type="radio" name="bank" value="3"/>中国银行
<input type="radio" name="bank" value="4"/>建设银行
<br/>
<table>
<tr>
<th>银行</th>
<th>额度</th>
<th>日额度</th>
<th>月额度</th>
<th>还有啥额度</th>
</tr>
<tbody id="quota"></tbody>
</table>
</body>
上一篇：THREE.JS入门教程(6)创建自己的全景图实现步骤
栏 目：JavaScript代码
下一篇：详解ajax跨域问题解决方案
本文地址：http://www.codeinn.net/misctech/102260.html
