点击按钮清空输入框

Question

我有一个输入字段，用户在其中输入数据。它旁边有两个按钮，点击任意一个或两个按钮都会重置输入字段。现在，由于这些按钮和字段不在表单内，我无法使用form来清空它们。请问如何使用JQuery清空？需要注意的是，现在我只显示了2个按钮，如果以后有更多的按钮，JQuery也必须能够正常工作...以下是Fiddle链接和我尝试的代码：

$('button').each(function(){
   $('button').click(function(){
      find('input[type="text"]').val() = "0";
   });
});

http://jsfiddle.net/vineetgnair/1s22gcL5/ 谢谢大家的帮助。

- littleanimboy

---

val() 方法获取或设置“selected”元素的值，要设置它，请将新值作为参数添加，因此要重置字段，请调用：val("")。 - EaziLuizi

大家好，我刚发现一个错误，或者可能是我错了，但只是为了澄清。在同一个fiddle上，当你控制台记录时，你会发现一个按钮点击等于两个按钮被点击。为了证明我的观点，这里是fiddle链接http://jsfiddle.net/vineetgnair/1s22gcL5/12/。打开你的控制台看看。只需点击一个按钮，控制台就会显示2次点击...怎么能清除它呢？ - littleanimboy

<input type="reset" /> - Punitha Subramani

不，我不想使用<input type="reset" />，因为我这里没有使用表单...我想通过JQuery来实现。 - littleanimboy

@VineetGNair，请删除 $('button').each(function(){ 这一行代码并查看结果。 - Kartikeya Khosla

Answer 1

这将有效：

$('button').click(function(){
   $('input[type="text"]').val(0);
});

如果您只想重置字段，则：

$('button').click(function(){
   $('input[type="text"]').val('');
});

- Kartikeya Khosla

Answer 2

不需要逐个说明，只需使用.click，它将适用于每个按钮。

$('button').click(function(){
      $('input[type="text"]').val(0);
});

演示

- Mritunjay

Answer 3

不要使用JavaScript变量定义为jQuery.function = 0，而是应该使用.val（''）;来重置值以清除输入字段的内容。

$('button').each(function(){
    $('button').click(function(){
        $('input[type="text"]').val('');
    });
});

- mk117

Answer 4

这个干净的文本框：

 $('button').click(function(){
        $('input[type="text"]').val("");
    });

这段文本的英译中为：

将此值更改为0：

。

 $('button').click(function(){
        $('input[type="text"]').val(0);
    });

- Klapsius

Answer 5

试试这个。

$('button').click(function(){
   $('input[type="text"]').val('');
});

- RGS

Answer 6

您可以使用以下代码在按钮单击时清除输入字段。

$('button').each(function(){
    $(this).click(function(){
        $('input[type="text"]').val('');
    });
});

- VPK

Answer 7

这是代码：

$('button').click(function(){
   $('input[type="text"]').val('0');
});

就是这样。

- Viswanath Donthi

Answer 8

<input type="reset" value="button 2" />

- Punitha Subramani