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

简介: 输入售价后点击计算税费,自动显示在税费输入框!
<!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>

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

目录
相关文章
|
6月前
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
38 0
|
12月前
点击增加按钮,添加input,超过三个则增加按钮隐藏
点击增加按钮,添加input,超过三个则增加按钮隐藏
88 0
|
12月前
日历控件input框默认显示当日日期
日历控件input框默认显示当日日期
77 0
|
easyexcel UED
|
前端开发 C# 容器
自定义面板优化统计标题卡
自定义面板优化统计标题卡
44 0
鼠标点击浏览器出现输入标识
鼠标点击浏览器出现输入标识
97 0
输入售价后点击计算税费,自动显示在税费输入框!
输入售价后点击计算税费,自动显示在税费输入框!
48 0
输入售价后点击计算税费,自动显示在税费输入框!
|
JavaScript
可输入的下拉框(简易实现)
第一种效果 (带自动匹配)这个效果再之前的的博客里面已经讲到过了,还没有看过的小伙伴可以移步→ http://www.cnblogs.com/zhangxiaoyong/p/5763432.html 第二种效果 今天主要讲第二种效果,也比较简单,先看下效果 实现 页面部分 1...
1869 0