首页 > 其他分享 >输入售价后点击计算税费,自动显示在税费输入框!

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

时间:2023-10-17 16:04:36浏览次数:23  
标签:输入框 price tax value 税费 点击 售价

<!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>

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

标签:输入框,price,tax,value,税费,点击,售价
From: https://blog.51cto.com/u_13727654/7906774

相关文章

  • Android TextView设置某段文字可点击
    初次进入app,需要有个勾选隐私协议的UI,其中的隐私协议文字点击是可跳转到新页面对隐私协议机型展示这里选择使用Android自带的SpannedString来设置TextView的文字内容即可设置点击事件,具体代码如下:tvDesc.text=buildSpannedString{ append("点击开始表示你同意") //设置点击......
  • app直播源代码,监听EditText输入框内输入内容的变化
    app直播源代码,监听EditText输入框内输入内容的变化输入框在开发中是一个很常见的控件,可能很多时候我们不仅仅是用来简单的用它来输入内容这么简单,有时候可能还需要拿到甚至是监听输入框里面的内容,然后作出一个合理的逻辑判断,对EditText监听安卓系统提供了TextWatcher来监听输入框......
  • z-index 点击 不生效 遮挡 如何让被遮挡的下层元素能被点击到(且上层也能) 上层下层都能
    https://stackoverflow.com/questions/64052019/make-element-with-smaller-z-index-clickable一种方案是在上层元素的点击事件调用的函数中,通过js代码,选择器选中下层元素,然后.click()代码触发下层元素的点击事件 (如果上层不需要被点击,可以用pointer-events:none;)......
  • selenium——clear()使用了不生效,解决输入框没法清空的情况
    前提:今天研究web自动化,准备模拟一个修改名称的操作,想的是定位都输入框元素,然后使用clear()方法清空输入框内容,再重新输入一些内容结果实际上发现并没有清空输入框内容,而是直接在输入框后面追加了(这里就可以确定元素肯定是定位到了的)clear()方法为什么会失效不得而知,在网上搜索......
  • uniapp部分浏览器input框设置disabled之后点击事件不生效
    给input设置css属性,外边包个盒子抛出点击事件 .disabled{pointer-events:none;}......
  • selenium 点击 弹窗中的确认和取消按钮
    html效果 当点击弹窗上的确认按钮后 <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>弹窗示例</title><style>body{text-align:center;padding-top:50px;}</style></head><body><h1......
  • threejs CSS2DObject点击事件触发不了
    原因:在three.js  0.13X版本后,上面dom的onclick不会触发,原因是控制器Controls,可以尝试一下去掉控制器,看看dom上的点击事件是否ok letobtControls=newOrbitControls(camera,container); // OrbitControls对页面的事件进行监听,并且阻止穿透 ......
  • 密码输入框小眼睛的实现
    input先回顾一下input标签常用的属性常用属性name:input元素的名字,用于对提交到服务器后的表单数据进行标识placeholder:默认显示文字,一般用来提示用户输入,输入后会被覆盖disabled:禁用checked:选中value:元素的值,,此初始值可以更改,并且在提交表单时,value属性的值会发送给服务器......
  • 视频直播源码,Flutter 富文本 部分文字可以触发点击
    视频直播源码,Flutter富文本部分文字可以触发点击 Widget_buildBottomTip(){  returnContainer(   child:Text.rich(    TextSpan(     children:[      TextSpan(        text:"这是要显示的文字",    ......
  • 【Unity】 ScriptableObject ——生成多个ScriptableObject作为子对象,可以点击展开并
     官方是这么介绍ScriptabelObject的: “ScriptableObject是一个可独立于类实例来保存大量数据的数据容器。ScriptableObject的一个主要用例是通过避免重复值来减少项目的内存使用量。如果项目有一个预制件在附加的MonoBehaviour脚本中存储不变的数据,这将非常有用。每次实......