函数在Javascript中不起作用(增加/减少按钮）

Function doesn't work in Javascript (increase/decrease button)

本文关键字：按钮 增加 Javascript 不起作用 函数      更新时间：2023-09-26
我想

在单击按钮时使增加/减少按钮起作用。我将该部分放在JavaScript中（用作插入HTML文件的函数的一部分），但它不起作用。JavaScript 中的代码如下：

string ="<img class='minubtn' src='images/delete.png' onclick='javascript: 
document.getElementById('countNo1').value--;' />"+
"<input type='text'  id='countNo1'  class='txtCount' value='0' placeholder='0'/>"+
"<img class='addbtn' src='images/add.png' onclick='javascript: 
document.getElementById('countNo1').value++;'/>"

我找到了它不起作用的原因。在嵌套字符串中，我需要使用 ''' ''' 而不是 '' 来引用 id。所以代码应该是这样的：

string ="<img class='minubtn' src='images/delete.png' onclick='javascript: 
document.getElementById(''countNo1'').value--;' />"+
"<input type='text'  id='countNo1'  class='txtCount' value='0' placeholder='0'/>"+
"<img class='addbtn' src='images/add.png' onclick='javascript: 
document.getElementById(''countNo1'').value++;'/>"

在这里：

这可能会对您有所帮助

.HTML：

<input type="text" name="count" value="0" id="count">
<input type="button" value="+1" onclick="operate('add')">
<input type="button" value="-1" onclick="operate('dec')">

脚本：

    <script>
    function operate(val){
    if(val == "add"){
       var val = document.getElementById('count').value;
       val++;
       document.getElementById('count').value = val;
    } else{
        var val = document.getElementById('count').value;
        val--;
        document.getElementById('count').value = val;
    }
   }
  </script>
相关文章：