Блог

Я пытаюсь получить все текстовые поля ввода, радиогруппы, флажки и т.д. У меня возникли проблемы с получением выбранных значений radio и checkboxs, я не могу в этом разобраться.

Я могу получить текстовые поля, но, похоже, не могу получить «выбранный» в нужном месте. На данный момент он просто получает первое значение для радио / флажков, а не выбранное значение.

 $('#form_1 input').each(function(key)               
    formData  = 'amp;' $('#' this.id).attr('name') '=' $('#' this.id).val();   
});
  

Спасибо

ОТРЕДАКТИРОВАНО

 $('#form_1 input').each(function(key, value) {              
    if ((this.type === "radio" || this.type === "checkbox") amp;amp; this.checked === true) {
         val = this.value;
    } else {
         val = this.value;
    }

    alert($('#' this.id).attr('name')   ' = '   val);
    formData  = 'amp;' $('#' this.id).attr('name') '=' val;    
});
  

Хорошо, теперь я получаю все значения для радиостанций и т.д., Так что я на шаг ближе. Теперь просто нужно получить значения выбранных радиостанций.

Спасибо

Просто используйте метод serialize() ^[docs].

Он позаботится о получении значений выбранных элементов для вас.

 var formData = $('#form_1').serialize();
  

Из документации:

Метод .serialize() может воздействовать на объект jQuery, который выбрал отдельные элементы формы, такие как , , и . Однако, как правило, проще выбрать сам тег для сериализации:

 $('form').submit(function() {
  alert($(this).serialize());
  return false;
});
  

Это создает строку запроса стандартного вида:

 a=1amp;b=2amp;c=3amp;d=4amp;e=5
  

 var val;
if (this.type === "radio" || this.type === "checkbox") {
     val = this.checked;
} else {
     val = this.value;
}
  

Для радиостанций и флажков вам важен атрибут checked.

Обновить

Вы написали

(this.type === "radio" || (this.type === "checkbox" amp;amp; this.checked === true))

Вы имели в виду

((this.type === "radio" || this.type === "checkbox") amp;amp; this.checked === true)

Вам нужны эти скобки в нужном месте.

Дальнейшее редактирование

Логика была немного нарушена.

В принципе, то, что вы хотите.

 if ((this.type === "radio" || this.type === "checkbox") amp;amp; this.checked === false) {
    return;
}
  

Это означает, что если не установлен флажок radio / checkbox, вы ничего не делаете.

Это не дает прямого ответа на ваш вопрос, но похоже, что вы пытаетесь достичь чего-то, что уже доступно — возможно, вы захотите проверить serialize() — используйте это как var formData = $('#form_1').serialize()