如何在javascript div标签中设置值

时间:2018-02-16 12:57:23

标签: javascript

如何使用javascript设置值我想要设置值onclick功能+20当前点请帮忙 我的代码不工作请帮帮我

  

ony使用javascript而不是jquery

<div class="score">
    <input id="txtscore"   value= "0"class="width150" type="text"    /> 
</div>
<div class="box1">
    <a href='' onclick='check()'>check</a>
</div>

function check(){ 
    var getvalue =   document.getElementById('txtscore').value;
     getvalue = getvalue + 20;
}

2 个答案:

答案 0 :(得分:3)

您需要获取元素并设置新值

  • 将输入的值转换为数字以获得正确的结果。
  • 您需要在进行任何计算之前验证输入的值。
  • 要避免页面刷新,请使用以下命令:href='#'或绑定点击事件以防止出现默认行为。

&#13;
&#13;
function check() {
  var textscore = document.getElementById('txtscore');
  textscore.value = Number(textscore.value) + 20;
}
&#13;
<div class="score">
  <input id="txtscore" value="0" class="width150" type="text" /> </div>
<div class="box1">
  <a href='#' onclick='check()'>check</a>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您需要将值转换为数字,否则您将连接字符串,您也可以使用按钮而不是链接,如果您使用链接默认情况下页面将刷新...

&#13;
&#13;
function check(){ 
          var getvalue =   document.getElementById('txtscore').value;
                      getvalue = parseInt(getvalue) + 20;
          document.getElementById('txtscore').value=getvalue;
        }
&#13;
<div class="score">
                    <input id="txtscore"   value= "0"class="width150" type="number"    /> </div>
   <div class="box1">
            <button onclick='check()'>check</button>
        </div>
&#13;
&#13;
&#13;