首页 > 其他分享 >input框不允许手工输入,只允许设定好的值

input框不允许手工输入,只允许设定好的值

时间:2024-02-02 15:22:06浏览次数:22  
标签:设定 productPrice price inputValue input var 允许 productId

<input type="number" id="inputValue" value="10" min="10" max="200" step="10" onkeydown="return false" onchange="updatePrice">

这里重要的是onkeydown="return false" 这个参数即可实现,这样每次只能10,20,这样增加,最大不超过200

<script>
    function updatePrice(productId, basePrice) {
        var inputValue = document.getElementById("inputValue_" + productId).value;
        var productPrice = document.getElementById("price_" + productId);
        var price = basePrice * (inputValue / 10);
        productPrice.innerHTML = "¥" + price.toFixed(2);
    }
</script>

 

 

标签:设定,productPrice,price,inputValue,input,var,允许,productId
From: https://www.cnblogs.com/superip/p/18003245

相关文章

  • Ubuntu开启允许root用户访问ssh
    1、编辑/etc/ssh/sshd_config文件vim/etc/ssh/sshd_config2、设置允许roo登录找到PermitRootLogin这个属性,默认是注释掉的,我们可以复制一行将其设置为yes即可。设置完成后记得:wq保存文件哦。3、重启ssh服务systemctlrestartssh参考链接:https://cloud.tence......
  • 在Python的Tkinter库中,`ttk.Combobox`是一个组合框控件,它允许用户从下拉列表中选择一
    在Python的Tkinter库中,`ttk.Combobox`是一个组合框控件,它允许用户从下拉列表中选择一个选项,也可以让用户输入内容。以下是一些主要的参数和方法:1.**创建Combobox**¹²:  ```python  importtkinterastk  importtkinter.ttkasttk  root=tk.Tk()  ......
  • OpenHarmony—仅允许在表达式中使用typeof运算符
    规则:arkts-no-type-query级别:错误ArkTS仅支持在表达式中使用typeof运算符,不允许使用typeof作为类型。TypeScriptletn1=42;lets1='foo';console.log(typeofn1);//'number'console.log(typeofs1);//'string'letn2:typeofn1lets2:typeofs1ArkTS......
  • ffmpeg-读取媒体文件信息-avformat_open_input
    实例代码Codeintvideo_audio_info(intargc,char*argv[]){ if(argc<2){ printf("Usage:%smediaFile\n",argv[0]); return-1; } AVFormatContext*ic=NULL; charpath[20]={0}; strcpy(path,argv[1]); //1.打开媒体文件 intret=avfo......
  • iview-input placeholder 样式修改
    /deep/.ivu-input::-webkit-input-placeholder{color:#87cfff;}/deep/.ivu-input::-moz-placeholder{/*MozillaFirefox19+*/color:#87cfff;}/deep/.ivu-input::-moz-placeholder{......
  • Winform仅允许运行一个程序,当要打开多个时将显示已在运行的程序
    要实现此功能,只需在Program类中修改启动程序的方法即可首先引用对应的命名空间usingSystem.Diagnostics;usingSystem.Reflection;usingSystem.Runtime.InteropServices;接着在类中,Main方法外写///<summary>///Themainentrypointfortheapplication./......
  • el-input el-tree组件 问题:blur先于click触发怎么解决
    页面构造 使用mousedowm触发比blur更早,因为是组件所以得使用native,prevent阻止默认事件然后this.$refs.parentInput.focus();让焦点保持,点击展开或关闭箭头时候让焦点存在,点击节点的时候让页面关闭要兼容筛选效果,做了一个临时tempNode用于存放之前选择的对象,这样当在未进......
  • 销售退货单单据录入的序列号当前单据类型不在允许范围内
      销售退货单保存报错:  原因分析,销售退货单序列号的设置: 报错不满足条件的序列号,最后出库是 其他出库单,非销售出库单。 ......
  • el-table中嵌入el-input无法编辑数据的问题
    最近在写一个在表格中修改表格数据的需求。正常在表格中嵌套el-input,但是无法编辑保存数据。后来发现是数据其实保存了,但是页面上没有更新。通过以下方法得以解决以下是部分代码,有需要可以自己补全<el-table-columnlabel="图片名称"align='center'> <templateslot-scop......
  • 更新VS2022新版本后,高概率弹出“为防止...时出现不安全的中止,已允许所有线程进行。这
    目前我的VS版本是17.8.5:印象中上一个小版本的时候就已经出现这个问题了。自己的应用,点击调试的时候,高概率出现下面的对话框:但又不是每次都会出现。程序没有设置任何的断点。多个程序都会出现。目前不知道啥原因引起。......