2013-07-10 2 views
0

У меня есть следующий код JQuery и html-страница, содержащая несколько кнопок с цифрами 1- 2 -3-4-5-6 и кнопку очистки, как я могу очистить номера, как только я их набрал ,Содержимое для рассылки JQuery

Я попытался выбрать кнопку очистки по идентификатору, но это не работает, поскольку я выбираю все кнопки в этом коде.

$('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

См. Мой 'ответ' один раз ** снова **, в этом я добавил кнопку« HTML », чей' id' '' btnClear'. –

0

дайте кнопке Очистить идентификатор (уникальный) и использовать селектор 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, а также ваше текстовое поле, например, id. txt

$(document).ready(function(){ 
    $('#clear').bind('click',function(){ 
     $('#txt').val(""); 
    }); 
}); 
Смежные вопросы