javascript - 将所有类别的输入文本框的值设置为 '0'

Question

在 MVC C# 中提交表单后，我想要一种 JavaScript(不是 jQuery)中的方法来将页面上 class="orderQuantity"的所有文本框的值重置为值“0”。我在想这样的事情:

var tObj = getElementsByClassName('orderQuantity');
for(var i = 0; i < tObj.length; i++){
    tObj[i].value='0';}

上面的代码无法运行，希望大家帮忙

Answer 1

您需要使用<b>document</b>.getElementsByClassName 。因此，请尝试以下操作:

function change(){
    var tObj = document.getElementsByClassName('orderQuantity');
    for(var i = 0; i < tObj.length; i++){
        tObj[i].value='0';
    }
}

<input class="orderQuantity" value="foo">
<input class="orderQuantity" value="bar">
<input class="orderQuantity" value="javascript">
<input class="orderQuantity" value="foobar">
<input class="orderQuantity" value="stackoverflow"><br>
<button onclick="change()">Change</button>