为了账号安全,请及时绑定邮箱和手机立即绑定

将变量从 HTML 传递到 JS 回 HTML

将变量从 HTML 传递到 JS 回 HTML

守着星空守着你 2021-10-21 15:46:36
我需要将计算的会员费添加到我的业余无线电俱乐部的会员申请页面。从我读到的内容来看,我需要使用 ID。但我仍然无法让它工作。下面是包含 javascript 的页面的一部分。任何帮助是极大的赞赏。                    <tr>                        <td width="5%">&nbsp;</td>                        <td class="bosytext" width="15%">Membership Period</td>                            <td class="bosytext" width="75%"><input type="number" name="membershipterm"  id="term" required="required"> $22 for single year membership/ $20 per multi-year membership</td>                            <td width="5%">&nbsp;</td>                    </tr>                    <tr>                        <td width="5%">&nbsp;</td>                        <td width="15%">Fee</td>                        <script>                    var fee;                    var term;                    if term = 1 {                        (fee = 22;                    } else {                        fee = 20;                    }                    //calculates membership fee                    var totalFee = (fee * term)                    // outputs calced membership fee to html                            document.getElementById('totalFee')                    </script>                        <td width="75%">id="totalFee</td>                        <td width="5%">&nbsp;</td>                    </tr>
查看完整描述

2 回答

?
慕桂英546537

TA贡献1848条经验 获得超10个赞

在 HTMLid中用作指向 HTML 元素的链接。您将其设置在要引用的标签中:


<td width="75%" id="totalFee></td>

然后您可以获取该标签并从 js 操作它:


let total_Fee = (fee * term);

document.getElementById('totalFee').value = total_Fee;


查看完整回答
反对 回复 2021-10-21
?
子衿沉夜

TA贡献1828条经验 获得超3个赞

您的代码有很多语法错误。


尝试这个:


<html>


<body>


<table style="width:100%">


                    <tr>

                        <td class="bosytext" width="15%">Membership Period</td>

                            <td class="bosytext" width="75%">

                                <input type="number" name="membershipterm" id="term" required="required">

                                <button onclick="calc()">calc</button> 

                                $22 for single year membership/ $20 per multi-year membership </td>


                    </tr>


                    <tr>

                        <td width="15%">Fee</td>


                        <td width="75%" id="totalFee"></td>                       


                    </tr>

</table>




  <script>

    function calc(){

        var term = document.getElementById('term').value;

        var fee;


               if (term == 1) {

                        fee = 22;

                    } else {

                        fee = 20;

                    }



                    var totalFee = (fee * term);


                    document.getElementById('totalFee').innerHTML = totalFee


    }

  </script>                    


</body>

</html>



查看完整回答
反对 回复 2021-10-21
  • 2 回答
  • 0 关注
  • 262 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信