Вот вариант без JQuery. Я дописал в Ваш HTML сразу после
/form кнопку, по которой получаем результат.
<button id="result">result</button>
(function () {
var item = document.getElementsByClassName("item"),
input;
var itemLength = item.length;
// Эту функцию повесим на кнопку. При клике будем вызывать. Функция создаст массив arr, куда будет записывать необходимые данные.
var getResult = function () {
var arr = [];
// В каждом .item...
for (var i = 0; i < itemLength; i++) {
input = item[i].getElementsByTagName("input");
var inputLength = input.length;
// Возьмем все input'ы в каждом взятом .item
for (var j = 0; j < input.length; j++) {
// Если наш инпут является чекбоксом или радио, то проверим на то, чекнут он или нет и запишем значение в массив
if (input[j].type === "checkbox" || input[j].type === "radio") {
if (input[j].checked) {
arr.push(input[j].value);
}
// Это для всех не_чекбоксов и не_радио
} else {
arr.push(input[j].value);
}
}
}
// Надо же посмотреть на массив, да?
console.log(arr);
}
var result = document.getElementById("result");
result.addEventListener("click", getResult, false);
})();