如何在表格中打印Javascript變量？

Question

在一個表格中，我有一個名為“ cost”的單選按鈕變量，我想在表格的頁腳中用“為<>簽出”這樣的句子打印“ cost”變量。

拜托，有人可以給些指導怎么做嗎？ 非常感謝，TEH

<table id="gradient-style" summary="Throttle Conversion">
    <thead>
        <tr>
            <th scope="col">Existing Throttle</th>
            <th scope="col">Upgrade To</th>
            <th scope="col">Additional Features</th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col">Upgrade Price</th>
            <th scope="col">Select One</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td><strong><center>29 Functions</td>
            <td><strong><center>Simplex Radio</td>
            <td><strong><center>Duplex Radio</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>DT400</td>
            <td>DT402</td>
            <td><center>*</td>
            <td></td>
            <td></td>
            <td>$25.00</td>
            <td><input type="radio" name="cost" value="25"></td>
        </tr>
        <tr>
            <td>DT400</td>
            <td>DT402R</td>
            <td><center>*</td>
            <td><center>*</td>
            <td></td>
            <td>$50.00</td>
            <td><input type="radio" name="cost" value="50"></td>
        </tr>
        <tr>
            <td>DT400</td>
            <td>DT40D</td>
            <td><center>*</td>
            <td></td>
            <td><center>*</td>
            <td>$65.00</td>
            <td><input type="radio" name="cost" value="65"></td>
        </tr>
        <tr>
            <td>DT400R</td>
            <td>DT402R</td>
            <td><center>*</td>
            <td><center>*</td>
            <td></td>
            <td>$25.00</td>
            <td><input type="radio" name="cost" value="25"></td>
        </tr>
          <tr>
            <td>DT400R</td>
            <td>DT402D</td>
            <td><center>*</td>
            <td></td>
            <td><center>*</td>
            <td>$65.00</td>
            <td><input type="radio" name="cost" value="65"></td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
       <td colspan="7">  Based on your selection, the conversion cost is <?php $_post["cost"]?>      </td>
        </tr>
    </tfoot>
</table>

Answer 1

這樣做：

var table = document.getElementById('gradient-style');
var inputs = table.getElementsByTagName('input');
var radios = [];
var span = document.getElementById('cost_marker');

for(var x = 0; x < inputs.length; x++) {
    if(inputs[x].type == 'radio' && inputs[x].name == 'cost') {
        inputs[x].onclick = function() {
            span.innerHTML = '$' + parseFloat(this.value).toFixed(2);
        }
    }
}

您需要對標記進行的唯一更改是在成本周圍添加一個范圍標記，其ID為“ cost_marker”，以便Javascript知道在何處更新成本：

<tr>
    <td colspan="7">
    Based on your selection, the conversion cost is 
    <span id='cost_marker'><?php $_post["cost"]?></span>
    </td>
</tr>

這是工作中的一個例子 。