JS實現(xiàn)點擊Radio動態(tài)更新table數(shù)據(jù)
更新時間:2017年07月18日 14:07:11 作者:intro
這篇文章主要介紹了JS實現(xiàn)點擊Radio動態(tài)更新table數(shù)據(jù)的相關資料,需要的朋友可以參考下
tbody定義一個標簽
當上面變化的,在js里面做拼接就行了,拼接結束 tbody.html(XXX)
<script type="text/javascript">
$(function(){
var quotas = {
1:{name:"工商銀行",oneTime:1000},
2:{name:"農業(yè)銀行",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"/>農業(yè)銀行
<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>
以上所述是小編給大家介紹的JS實現(xiàn)點擊Radio動態(tài)更新table數(shù)據(jù),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- js實現(xiàn)動態(tài)改變radio狀態(tài)的方法
- js實現(xiàn)的簡單radio背景顏色選擇器代碼
- js實現(xiàn)表單Radio切換效果的方法
- js獲取RadioButtonList的Value/Text及選中值等信息實現(xiàn)代碼
- JS實現(xiàn)的radio圖片選擇按鈕效果
- 純JS打造網(wǎng)頁中checkbox和radio的美化效果
- javascript radio 聯(lián)動效果
- js獲取 type=radio 值的方法
- 利用JavaScript更改input中radio和checkbox樣式
- 原生javascript自定義input[type=radio]效果示例
相關文章
IE6 彈出Iframe層中的文本框“經(jīng)?!睙o法獲得輸入焦點
IE6間歇性精神障礙 彈出Iframe層中的文本框“經(jīng)?!睙o法獲得輸入焦點的解決方法。2009-12-12
JavaScrpt中如何使用 cookie 設置查看與刪除功能
這篇文章主要介紹了JavaScrpt中使用 cookie 設置查看與刪除功能的方法,文中通過實例代碼給大家介紹了js cookie常用的3個預設函數(shù)庫,需要的朋友可以參考下2017-07-07
getAsDataURL在Firefox7.0下無法預覽本地圖片的解決方法
本文是對getAsDataURL在Firefox7.0下無法預覽本地圖片的解決方法。進行了分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
document.selection.createRange方法與實例
document.selection.createRange() 根據(jù)當前文字選擇返回 TextRange 對象,或根據(jù)控件選擇返回 ControlRange 對象2006-10-10

