所以，幾天前，我發(fā)布了這個(gè)問題（幾乎相同），并收到了非常有用的回復(fù)。但是，為了制作表格計(jì)算器，我已經(jīng)將某個(gè)列的每個(gè)表格行設(shè)置為將表格轉(zhuǎn)換為計(jì)算器，當(dāng)我嘗試為自己應(yīng)用它時(shí)，這有點(diǎn)弄亂了原始問題的答案（JavaScript將單位“kg”與數(shù)字一起解析，并將總和顯示為“NaN”）。id同樣，每個(gè)單元格內(nèi)部都顯示了一個(gè)可見的文本框，上面有答案，看起來有點(diǎn)丑陋。我目前的代碼有不顯示為文本框但仍然可編輯的單元格，這在我看來使體驗(yàn)更加時(shí)尚（我知道它沒有功能差異，但外觀讓我很煩惱！下面是我希望代碼看起來像什么的模型。我試圖使數(shù)字/輸入顯示在文本框的右側(cè)，但仍然在單位的左側(cè)（“kg”）。以下是我試圖創(chuàng)建的內(nèi)容的模型（除了數(shù)字在右邊）。這是我的代碼：<head> <style> table { border: 1px solid black; border-collapse: collapse; font-family: Arial, sans-serif; margin: 5px; width: 100%; } th, td { border: 1px solid black; border-collapse: collapse; font-family: Arial, sans-serif; margin: 5px; padding: 5px; } </style> </head><body> <table> <tr> <th>header1</th> <th>header2</th> </tr> <tr> <td>entry1</td> <td id="entry1" oninput="myFunction()">4000</td> </tr> <tr> <td>entry2</td> <td id="entry2" oninput="myFunction()">200</td> </tr> <tr> <td>Total</td> <td id="total"></td> </tr> </table> <script type="text/javascript"> document.getElementById("entry1").contentEditable = true; document.getElementById("entry2").contentEditable = true; function myFunction() { var entry1 = document.getElementById("entry1").innerText; var entry2 = document.getElementById("entry2").innerText; var total2 = parseInt(entry1) + parseInt(entry2); document.getElementById("total").innerHTML = total2; } myFunction(); </script> </body> 展開代碼段如您所見，它將右列中的數(shù)字相加，并在最后一行中顯示總和。但是，我希望在側(cè)面顯示單位（例如“kg”），這些單位不可編輯，更重要的是，在JavaScript函數(shù)中不會被解析為數(shù)字。如果丑陋的文本框輪廓也沒有出現(xiàn)在單元格內(nèi)，那就太好了。這可能嗎？任何答案都值得贊賞！
如何使部分不可編輯的表單元格與內(nèi)聯(lián) JavaScript 函數(shù)兼容？
冉冉說
2022-09-23 17:00:41
