0

Есть такая структура:

<div class="first">
    <input type="text" size="40" id="txt">
    <input type="radio" name="test" value="1" id="rad">
    <select>
      <option>Пункт 1</option>
      <option>Пункт 2</option>
    </select>
</div>
<div class="second">
    ...
</div>

Как написать событие, которое бы очищало все заполненые поля. Если вручную то будет -

$('#txt').val(''); 
$(':input','#rad').removeAttr('checked');
...

и т.д.

Но что делать, если много элементов?
Можно ли как-то очистить по родительскому классу?

4
  • $('родитель').find(':input','#rad').removeAttr('checked'); - так, что-ли?
    – lexxl
    9 фев 2017 в 11:31
  • Но ведь элементы разные у Вас. Ну, вот Вы сами пример написали, там убрать checked, там текст... одной командой для разных элементов вряд ли получится, я так думаю... 9 фев 2017 в 11:32
  • Много однотипных или разных элементов?
    – alexoander
    9 фев 2017 в 11:33
  • radio, text, checkbox, и option. Где-то по ~10 полей каждого элемента, по id немного я замотаюсь писать) 9 фев 2017 в 11:35

2 ответа 2

3

Если надо сбросить все заполненные поля формы, то можно обратить к этой форме:

$('.form')[0].reset();

Либо можно указать какие-то конкретные элементы:

$(':input','.form')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');
2
  • А можно сбросить все элементы формы, кроме одного? $('#form-search')[0].reset(); 9 фев 2017 в 12:25
  • Нельзя. Это нативный метод джаваскрипт. Но можно, например, сохранить введённое значение перед сбрасыванием, а потом его же подставить: var text = $('textarea').val(); $('form')[0].reset(); $('textarea').val(text);
    – lexxl
    9 фев 2017 в 12:42
1
$("div").children("input[type='radio']").removeAttr('checked');
$("div").children(".checkboxClass").removeClass('checked');
$("div").children("input[type='text']").val("");

Как тот так - для каждого из типов элементов свое поведение. Но так всяко быстрее чем все элементы перебирать. div - это родительский элемент.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.