tbody定义一个标签
当上面变化的，在js里面做拼接就行了，拼接结束 tbody.html(XXX)
[removed]
$(function(){
var quotas = {
1:{name:"工商银行",oneTime:1000},
2:{name:"农业银行",oneTime:800},
3:{name:"中国银行",oneTime:2000},
4:{name:"建设银行",oneTime:10}};
$(":radio").click(function(){
console.info
在JavaScript和jQuery的世界里，动态更新页面元素是一种常见的需求，特别是在构建交互性强的Web应用时。本示例中，我们看到如何通过监听Radio按钮的点击事件来动态更新表格（table）中的数据。以下是对这个例子的详细解释：
1. **jQuery库的使用**：可以看到代码中使用了jQuery库，它提供了一套方便的API来操作DOM（文档对象模型），简化了JavaScript的DOM操作。
2. **HTML结构**：HTML部分包含一组Radio按钮，每个按钮代表一个银行，并且具有不同的value值（1, 2, 3, 4）。Radio按钮组共享相同的name属性（"bank"），这使得只能选择其中一个。此外，有一个包含thead和tbody的table，用于展示银行名称、额度等信息。
3. **JavaScript对象**：定义了一个名为`quotas`的对象，其中存储了各个银行的详细信息。对象的键（key）与Radio按钮的value值对应，这样可以方便地根据用户的选择获取对应的银行数据。
4. **jQuery事件绑定**：使用`$(":radio").click(function() {...})`来监听所有Radio按钮的点击事件。当用户点击任一Radio按钮时，事件处理函数会被调用。
5. **事件处理函数**：在事件处理函数中，首先通过`$(this).val()`获取被点击的Radio按钮的value值，然后从`quotas`对象中查找对应的银行信息。这里使用`var quota = quotas[$(this).val()]`来获取选中银行的数据。
6. **HTML拼接**：接下来，创建一个名为`quotaHtml`的数组，用于存储新表格行（tr）的HTML字符串。通过`concat()`方法将各单元格（td）的HTML内容添加到数组中。数组的每一项都是一个字符串，代表表格的一个单元格。
7. `quotaHtml`数组中的内容包括银行名称、额度以及三个虚构的额度字段（日额度、月额度、还有啥额度）。在实际应用中，这些值可能需要从服务器获取或者根据业务逻辑计算。
8. **更新表格**：使用`$("#quota").html(quotaHtml)`将`quotaHtml`数组的内容插入到id为"quota"的tbody元素中，从而实现了动态更新表格数据。
9. **总结**：这个例子展示了如何结合HTML、CSS和JavaScript（通过jQuery库）来实现动态交互的功能。通过监听用户操作，动态改变页面内容，提高了用户体验。值得注意的是，虽然示例中有些字段如“日额度”、“月额度”和“还有啥额度”的数据没有来源，但在实际应用中，这些数据应当从数据库或者API接口获取，确保数据的准确性和实时性。
这个示例是一个基础的动态页面更新案例，适用于教学和理解JavaScript和jQuery如何协同工作以实现动态Web应用。在实际项目中，应根据需求进行更复杂的数据处理和交互设计。
