Question

我想点击按钮时增加/减少按钮。我将该部分放在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++;'/>"

Answer 1

下面：

这可能对您有所帮助

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>

功能不适用于Javascript（增加/减少按钮）

1 个答案: