&

Lodop打印控件WEB頁面中JS設(shè)置table合計td單元格的值

admin

2023年9月28日 0:6 本文熱度 1660

給table的td加上id，可根據(jù)id獲取某些特定的td，通過innerHTML獲取后，是字符串類型，再轉(zhuǎn)換成數(shù)字類型，可加減，然后再顯示在某個特定的td里。
該文測試用的是Number()方法，JS里還有一些其他字符串轉(zhuǎn)換成數(shù)字類型的方法（轉(zhuǎn)換成整形，浮點數(shù)，保留一定位數(shù)等）。
該文的效果是，點擊按鈕，第二行第二個單元格顯示，第二列的合計。

Number方法之前相關(guān)的博文:JS轉(zhuǎn)換成數(shù)字類型Number()、

測試代碼：

<body>
<div id="d1">
<table id="n1" width="100%" border=1 style="border-collapse:collapse;">
<tr>
    <td id="td1">12</td>
    <td id="td2">10</td>
</tr>
<tr>
    <td id="td3">14</td>
    <td id="td4">1</td>
</tr>
<tr>
    <td>第二列的合計</td>
    <td id="s1"></td>
</tr>
</table>
</div>
<a href="javascript:prn0_preview()">第二列的第二個單元格顯示合計</a><br>
<script language="javascript" type="text/javascript">   
        function prn0_preview() {
            var td2 = document.getElementById("td2").innerHTML;
            var td4= document.getElementById("td4").innerHTML;
            console.log("td2:"+td2+",數(shù)據(jù)類型是"+typeof(td2));
            console.log("td4:"+td4+",數(shù)據(jù)類型是"+typeof(td4));
            td2=Number(td2);
            td4=Number(td4);
            console.log("td2:"+td2+",數(shù)據(jù)類型是"+typeof(td2));
            console.log("td4:"+td4+",數(shù)據(jù)類型是"+typeof(td4));
            var s1=td2+td4;
            document.getElementById("s1").innerHTML=s1;
    }; 

</script> 
</body>

圖示：

該文章在 2023/9/28 0:07:10 編輯過

關(guān)鍵字查詢

相關(guān)文章

正在查詢...

點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務(wù)都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。