将所有输入文本框的值设置为'0'

在MVC C＃中进行表单提交后，我想用JavaScript（而不是jQuery）来重置页面上所有文本框的值，使用class =“orderQuantity”到“0”的值。我想是这样的：将所有输入文本框的值设置为'0'

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

上面的代码不工作，希望你们能帮助

来源

2015-05-08 user4855057

user1823：哈哈，我肯定做:)但是，仍然无法正常工作 – user4855057

您需要使用document.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>

来源

2015-05-08 15:47:34 user1823

谢谢user1823，你太棒了。把它放在一个函数中（我在内部添加连接，我的语法一定很时髦......并且包含文档）。 – user4855057

或者：'document.querySelectorAll（'。orderQuantity'）;' –

@ user4855057没有问题:) – user1823

-1

使用jQuery以获取类

var tObj = $('.orderQuantity'); 

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

http://fiddle.jshell.net/v4q7pkLn/

来源

2015-05-08 15:50:19

*“除非框架/库的标签也包含在内，否则纯JavaScript的答案是预计“。另外，建议仅使用jQuery来按类名查找元素是完全过度的。如果你建议使用jQuery，那么至少应该这样做：'$（'。orderQuantity'）。val（'0'）'。 –

谢谢圣地亚哥，如果增加了jQuery，你的回答会很好;然而，这是针对一个移动应用程序，必须针对超薄客户端进行简化，因此不包括jQuery – user4855057

将所有输入文本框的值设置为'0'

回答

相关问题