单击按钮时清除输入字段

时间:2014-08-26 09:19:05

标签: javascript jquery html

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

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

[小提琴链接] http://jsfiddle.net/vineetgnair/1s22gcL5/

感谢所有人的帮助。

8 个答案:

答案 0 :(得分:7)

这将有效:

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

如果您想重置字段,请:

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

答案 1 :(得分:2)

无需说出每一个,只需说.click它将适用于每个按钮

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

DEMO

答案 2 :(得分:2)

而不是定义为jQuery.function = 0的javascript变量,您应该重置该值以使用.val('');清除输入字段的内容

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

答案 3 :(得分:1)

这个干净的文字字段:

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

此更改值为0:

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

答案 4 :(得分:0)

试试这个。

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

答案 5 :(得分:0)

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

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

答案 6 :(得分:0)

这里是代码:

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

那就是它。

答案 7 :(得分:0)

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