Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮时清除输入字段_Javascript_Jquery_Html - Fatal编程技术网

Javascript 单击按钮时清除输入字段

Javascript 单击按钮时清除输入字段,javascript,jquery,html,Javascript,Jquery,Html,我有一个输入字段,用户在其中输入数据。单击任意一个按钮或两个输入字段重置后,旁边有两个按钮。现在,由于这些按钮和字段不在表单中,所以我不能使用JQuery来清除它。关键是,现在我只显示了2个按钮,如果有更多按钮,JQuery也必须工作。下面是Fiddle链接和我尝试的代码 $('button').each(function(){ $('button').click(function(){ find('input[type="text"]').val() = "0"; })

我有一个输入字段,用户在其中输入数据。单击任意一个按钮或两个输入字段重置后,旁边有两个按钮。现在,由于这些按钮和字段不在表单中,所以我不能使用JQuery来清除它。关键是,现在我只显示了2个按钮,如果有更多按钮,JQuery也必须工作。下面是Fiddle链接和我尝试的代码

$('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" />