2013-07-10 420 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(""); 
    }); 
});