Показать сообщение отдельно
  #23 (permalink)  
Старый 12.02.2018, 12:40
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Ну может все таки так?

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
    $('input').change(function() {
        if(this.checked) $(this).closest('div').append('<input type=hidden name="'+$(this).data('group')+'[]" value='+this.value+'>');
        else $('[name^='+$(this).data('group')+'][value='+this.value+']').remove()
    })
    
    $('form').submit(function(e) {
        e.preventDefault();
        alert(JSON.stringify($(this).serializeArray()))
    })
});
</script>
</head>
<body>
<form autocomplete="off">
<div> Group 1
<label><input type="checkbox" data-group="a" value="1" /> A</label>
<label><input type="checkbox" data-group="a" value="2" /> B</label>
<label><input type="checkbox" data-group="a" value="3" /> C</label>
</div>
<div> Group 2
<label><input type="checkbox" data-group="b" value="1" /> A</label>
<label><input type="checkbox" data-group="b" value="2" /> B</label>
<label><input type="checkbox" data-group="b" value="3" /> C</label>
</div>
<input type="reset" />
<button>Send</button>
</form>
</body>
</html>
Ответить с цитированием