Javascript 将类为';的所有输入文本框的值设置为';0';
在MVC#中提交表单之后,我希望使用JavaScript(而不是jQuery)将页面上class=“orderQuantity”的所有文本框的值重置为“0”。我的想法是:Javascript 将类为';的所有输入文本框的值设置为';0';,javascript,Javascript,在MVC#中提交表单之后,我希望使用JavaScript(而不是jQuery)将页面上class=“orderQuantity”的所有文本框的值重置为“0”。我的想法是: var tObj = getElementsByClassName('orderQuantity'); for(var i = 0; i < tObj.length; i++){ tObj[i].value='0';} var tObj=getElementsByClassName('orderQuantity
var tObj = getElementsByClassName('orderQuantity');
for(var i = 0; i < tObj.length; i++){
tObj[i].value='0';}
var tObj=getElementsByClassName('orderQuantity');
对于(变量i=0;i
上面的代码不起作用,希望你们能帮助您需要使用document.getElementsByClassName
。因此,请尝试以下方法:
函数更改(){
var tObj=document.getElementsByClassName('orderQuantity');
对于(变量i=0;i
更改
使用jquery获取类
var tObj = $('.orderQuantity');
for(var i = 0; i < tObj.length; i++){
tObj[i].value='0';}
var tObj=$('.orderQuantity');
对于(变量i=0;i
您也可以通过以下方法实现这一点 HTML代码
<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>
function change()
{
$(".ItemRate").val(0);
}
user1823:lol,我当然知道:)但是,它仍然不起作用,“除非还包括框架/库的标记,否则应该有一个纯JavaScript的答案。”此外,建议只使用jQuery按类名查找元素完全是过火了。如果您建议使用jQuery,那么至少要正确使用:
$('.orderQuantity').val('0')
。谢谢Santiago,如果添加了jQuery,您的答案会很好;然而,这是一个移动应用程序,必须针对超薄客户端进行优化,因此不包括jQueryTank用户1823,你太棒了。把它放在一个函数中就做到了(我添加的是串联内联,我的语法一定很时髦……还有文档的包含)。或者:document.querySelectorAll('.orderQuantity')
@user4855057没问题:)被否决,因为问题明确提到并没有jQuery。