Кнопка очистки или сброса

У меня есть форма и рабочая кнопка сброса. Когда я нажимаю кнопку, все поля ввода и текстовой области очищаются. Мне было интересно, есть ли способ создать кнопку очистки/сброса, которая очистит только некоторые входные данные, а не то, что у меня есть в текстовом поле.


button forms html reset
person orlyidd    schedule 30.04.2012    source источник

Ответы (4)


arrow_upward
1
arrow_downward

Вот решение jsfiddle.

<form>
    <input type="text" class="clearit" /><br />
    <input type="text" class="clearit" /><br />
    <input type="text" class="clearit" /><br />
    <textarea id="t5"></textarea><br />
    <input type="reset" id="reset" />
</form>


$(document).ready(function(){ 
    $('#reset').on('click',function(e){
        e.preventDefault();
        $('.clearit').val("");
    });

});
person vivek    schedule 30.04.2012
comment
большое спасибо. не могу понять, где я должен разместить код JS? в голове? тело? как по клику? - person orlyidd; 30.04.2012
comment
Добавляйте непосредственно перед закрытием тега body. Вы также можете разместить его в головной части. Что бы вы ни хотели очистить, добавьте к нему класс clearit. - person vivek; 30.04.2012
comment
Я думаю, что перепробовал все ... я добавил идентификатор к кнопке и класс ко всем входам, которые я хочу очистить, кроме текстовой области, которая получила другой идентификатор. Я попытался поместить скрипт в раздел head, body следующим образом: ‹script language=javascript type=text/javascript› $(document).ready(function(){ $('#reset').on('click ',function(e){ e.preventDefault(); $('.clearit').val(); }); }); ‹/script›, но ничего не работает... - person orlyidd; 01.05.2012
comment
Вы связали jquery со своей веб-страницей? - person vivek; 01.05.2012

arrow_upward
0
arrow_downward

Назначьте всем элементам ввода класс, допустим входные данные и разные идентификаторы, допустим, что идентификатор текстовой области равен text_area.

<input type  = "textarea " id = "textarea ">

Теперь с jquery

$(function(){
   $('.inputs').each(function()
   {
        var id = $(this).attr('id');
         if(id == 'textarea '){

         }else{
           $(this).attr('value',"");
         }
   });
})

Готово!

person Muhammad Raheel    schedule 30.04.2012
comment
на самом деле textareas — это разные теги: ‹textarea›‹/textarea› - person Facundo Colombier; 24.05.2015

arrow_upward
0
arrow_downward

используйте jquery, это поможет вам, дайте класс полям, которые вы хотите очистить при нажатии кнопки, и дайте идентификатор вашей кнопке

    $('#id_of_button').click(function(){
    $('.input_field_class').val("");
     });
person Community    schedule 30.04.2012

arrow_upward
0
arrow_downward

Смотрите ссылку

http://www.javascript-coder.com/javascript-form/javascript-reset-form.phtml

По сути, вместо того, чтобы вызывать form.reset() с помощью кнопки сброса, вызовите внешнюю функцию, которая очищает нужные вам поля и оставляет остальные как есть.

Надеюсь, это решит вашу проблему!

person pankaj    schedule 30.04.2012