Михаил Федотов

<VirtualHost *:80>
 UseCanonicalName Off
 ServerName dev.localhost
 ServerAlias dev.localhost
 VirtualDocumentRoot "/Users/user_name/some_folder"
 DocumentRoot "/Users/user_name/some_folder"
 <Directory "/Users/user_name/some_folder">
  Order allow,deny
  Allow from all
  AllowOverride All
 </Directory>
</VirtualHost>

(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);

})();

(function() {
  var buttonsColor = $('button[data-color]');

  buttonsColor.each(function() {
  var customColor = $(this).attr("data-color");
    $(this).attr('style',"background: "+customColor+";");
  });

})();

div {
  overflow: hidden;
}