输入售价后点击计算税费，自动显示在税费输入框！

最新推荐文章于 2021-06-22 12:23:40 发布

Lambert-XG

最新推荐文章于 2021-06-22 12:23:40 发布

阅读量200

点赞数

分类专栏： javascript 文章标签： js getElementById 输入框点击按钮计算和显示

本文链接：https://blog.csdn.net/weixin_42124384/article/details/102914966

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
</head>
<body>
<div style="text-align: center;">
    输入售价后点击计算税费，自动显示在税费输入框！
</div>

<div class="item">
    <div >售价：</div>
    <div >
        <input type="text" id="price" value=""/>
    </div>
</div>

<div>
    <div >税费：</div>
    <div >
        <input id="tax" type="text" autocomplete="off" value=""/>
        <input type="button" id="calculate" value="计算税费" onclick="calculate()"/>
    </div>
</div>

<script>
    function calculate(){
        /*获取输入的售价*/
        var price = document.getElementById('price').value;
        caltax = price*0.5;/*计算税费*/
        var tax = document.getElementById('tax');/*获得tax*/
        tax.value=caltax;/*把计算好的税费赋值到tax的value*/
    }
</script>

</body>
</html>

效果图：在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lambert-XG

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入售价后点击计算税费，自动显示在税费输入框！

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"></head><body><div style="text-align: center;"> 输入售价后点击计算税费，自动显示在税费输入框！</div>...
复制链接

扫一扫