使用jquery如果单击一个表单,如何清除表单上的所有文本框?

时间:2013-07-11 20:06:03

标签: javascript jquery html

如果用户点击其中任何一个,我试图清除表单上的所有文本框。基本上我有一些来自db的字段,可以从中搜索表中的行。然后每行都有一个单选按钮。我希望设置它,以便当用户在文本框中单击时,表单上的所有其他文本框的值必须设置为''。

到目前为止,此代码用于清除当前文本框:

    $(document).ready(function() {
        $('.novalue').focus(function() {
            $(this).val("");
        });
    });

表中的所有文本框都有class =“novalue”属性。我只是无法弄清楚如何清除所有而不只是一个。

2 个答案:

答案 0 :(得分:2)

你非常接近。但您不想重置$(this),而是该类的所有输入字段:

$(document).ready(function() {
    $('.novalue').focus(function() {
        $('.novalue').val("");
    });
});

答案 1 :(得分:1)

您可以使用此代码:

http://jsfiddle.net/V7j3b/1/

$(document).ready(function () {
    $('.novalue').focus(function () {
        $('.novalue').val("");
    });
});