2013-07-10 555 views
0

我有以下jquery代码和一个html页面,其中包含一些数字1- 2 -3-4-5-6按钮和一个清除按钮,我如何清除数字,一旦我键入他们。jquery清除内容

我试着通过ID选择清除按钮,但这不起作用,因为我选择了此代码中的所有按钮。

$('input[type="button"]').click(function() { 
    var txt = $(this).val(); 
    $('#textbox').val($('#textbox').val() + txt); 
}); 
+0

我没有得到你真正想要做的事情。 –

+0

因此,您将按钮值追加到输入,然后您想要恢复到原来的输入值? –

回答

0

试试这个,

HTML

<input type="button" id="btnClear" value="Clear" /> 

SCRIPT

$('#btnClear').click(function() { 
    $('#textbox').val(''); 
}); 

而且改变你的代码一样,

$('input[type="button"]:not(#btnClear)').click(function() { 
    var txt = $(this).val(); 
    $('#textbox').val($('#textbox').val() + txt); 
}); 
+0

你能解释一下:btnClear好吗? –

+0

请再次查看我的'answer' ** **,在此我添加了一个'HTML按钮',其''id'是'btnClear'。 –

0

给你清除按钮的ID(唯一的),并使用id选择......和.val('')清除

$('#clearButtonID').click(function() { 
     $('#textbox').val(''); 
    }); 

,你可以命名与同一类和使用类选择其他按钮的休息按钮..

$('.otherButtonsClassName').click(function() { 
    var txt = $(this).val(); 
    $('#textbox').val($('#textbox').val() + txt); 
    }); 

使用别的不..

$('input[type="button"]').not('#clearButtonID').click(function() { 
    var txt = $(this).val(); 
    $('#textbox').val($('#textbox').val() + txt); 
}); 
+0

你好,不。 –

+0

'.not''从匹配元素集合中移除元素''这意味着选择器'$('input [type =“button”]')'选择所有按钮,'.not('#clearButtonID')'去除id为'clearButtonID'的元素,这是您的案例中的清除按钮。所以'$('input [type =“button”]')。not('#clearButtonID')'选择所有按钮,清除按钮... http://api.jquery.com/not/ – bipen

0

给你清除按钮一个id例如clear和你的文本字段也是例如。 txt

$(document).ready(function(){ 
    $('#clear').bind('click',function(){ 
     $('#txt').val(""); 
    }); 
});