Javascript 单击按钮时清除输入字段
我有一个输入字段,用户在其中输入数据。单击任意一个按钮或两个输入字段重置后,旁边有两个按钮。现在,由于这些按钮和字段不在表单中,所以我不能使用JQuery来清除它。关键是,现在我只显示了2个按钮,如果有更多按钮,JQuery也必须工作。下面是Fiddle链接和我尝试的代码Javascript 单击按钮时清除输入字段,javascript,jquery,html,Javascript,Jquery,Html,我有一个输入字段,用户在其中输入数据。单击任意一个按钮或两个输入字段重置后,旁边有两个按钮。现在,由于这些按钮和字段不在表单中,所以我不能使用JQuery来清除它。关键是,现在我只显示了2个按钮,如果有更多按钮,JQuery也必须工作。下面是Fiddle链接和我尝试的代码 $('button').each(function(){ $('button').click(function(){ find('input[type="text"]').val() = "0"; })
$('button').each(function(){
$('button').click(function(){
find('input[type="text"]').val() = "0";
});
});
[小提琴链接]
谢谢大家的帮助 这将起作用:
$('button').click(function(){
$('input[type="text"]').val(0);
});
如果只想重置字段,则:
$('button').click(function(){
$('input[type="text"]').val('');
});
试试这个
$('button').click(function(){
$('input[type="text"]').val('');
});
无需逐一说明,只需说明
。单击即可应用于每个按钮
$('button').click(function(){
$('input[type="text"]').val(0);
});
与定义jQuery.function=0的javascript变量不同,您只需重置该值即可使用.val(“”)清除输入字段的内容代码>
您可以使用以下代码在单击按钮时清除输入字段
$('button').each(function(){
$(this).click(function(){
$('input[type="text"]').val('');
});
});
代码如下:
$('button').click(function(){
$('input[type="text"]').val('0');
});
就是这样。这个干净的文本字段:
$('button').click(function(){
$('input[type="text"]').val("");
});
将此值更改为0:
$('button').click(function(){
$('input[type="text"]').val(0);
});
嘿,伙计们,还有一件事……不必是0。。我只想重置字段。val()方法获取或设置“selected”元素的值,要设置它,请添加新值作为参数,以便重置字段调用:val(“”)。令人惊讶的是,人们继续像垃圾邮件一样发布答案,尽管在其他一些答案中提到了解决方案!!:)谢谢大家!明白了…嘿,伙计们,我刚才有个bug,可能是我错了,但我只是想澄清一下。在同一把小提琴上,当你记录控制台日志时,你会发现一个按钮点击等于两个按钮被点击。要证明我的观点,这里是小提琴链接。打开你的控制台看看。只需单击一个按钮,控制台就会显示2个已单击的…如何清除它。。
$('button').click(function(){
$('input[type="text"]').val(0);
});
<input type="reset" value="button 2" />