Полный код тут
https://codepen.io/anon/pen/XVaxVv
Не работает код js - как эти два кода подружить на одной странице?
Ajax - запрос к серверу и вывод полученных данных
$(function () {
$('#form_id').submit(function(e){
e.preventDefault();//отменяем действие по умолчанию(отправка формы)
var data = $(this).serialize();// получаем данные из формы
$. ajax ({
url:'/ajax.php',//адрес обработчика
type:'post',//метод передачи данных
data:data,
success:function(res){
$('#result').html(res);//выводим ответ с сервера в контейнер с id='result'
}
})
})
})
При нажатии на один из чекбоксов типа радио с name="DESIGN" автоматом нажимаем отправить форму
window.addEventListener( 'DOMContentLoaded', function() {
var form = document.getElementById( 'form_id' );
Array.from( document.getElementsByTagName( 'input' ) ).map( function( el ) {
if ( el.name == 'DESIGN' && el.parentNode == form ) {
el.addEventListener( 'change', function() {
form.submit();
} );
}
} );
} );
А вот так работает, без первой половины кода
https://codepen.io/anon/pen/ZvJqrZ 
