Как получить значения из группы кнопок ботстрэпа?

Question

Я пытаюсь использовать плагин Boostrap buttons checkboxes. Он отлично подходит для отправки данных. Однако я хотел бы получить его значения на клиенте с помощью JS (jQuery).

Если они являются обычным вводом, тогда я должен только читать параметр «checked».

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

Однако проверяется состояние не изменения, если вы используете загрузочный модуль ..

Как я могу получить выбранные флажки, когда Bootstrap Кнопка плагин активен?

Я использую Chrome 53 и осматривая мой проект и Bootstrap site сам с таким же поведением

Answer 1

Bootstrap флажков работы, установив другой вход при выборе флажка. Вы можете сэкономить некоторое время и просто использовать функцию serialize(). Это должно дать вам то, что вам нужно в хорошем аккуратном массиве:

var data = $('form').serialize(); 

Где form является селектор для формы.

Answer 2

.serialize(), кодировать набор элементов формы как строку для представления.

Метод .serialize() создает текстовую строку в стандартной кодировке с кодировкой URL. Он может действовать на объект JQuery, который выбрал отдельные элементы формы, такие, как <input>, <textarea> и <select>: $("input, textarea, select").serialize();

Фрагмент кода ниже, выбирает <form> сам по себе для сериализации,

$("form").on("submit", function(event) { 
    event.preventDefault(); 
    console.log($(this).serialize()); 
}); 

Пример вывода из сериализации функция,

single=Single&multiple=Multiple3&check=check1&check=check2&radio=radio2 

подробнее об этой функции и проверить пример кода на OFFICAL JQuery Doc here.