Чекбоксы без кнопки submit в моем коде

283
26 января 2018, 21:15

Как реализовать чекбоксы с моментальной отправкой формы без кнопки "submit"? Мой код:

<form method="post" style="width: 1000px;text-align: center;margin: auto;">
    <label><input class="checkbox" name="formDoor[]" type="checkbox" value="Gang zones"> <span class="checkbox-custom"></span> <span class="label">Территории</span></label> 
    <label><input class="checkbox" name="formDoor[]" type="checkbox" value="Bases"> <span class="checkbox-custom"></span> <span class="label">Базы</span></label> 
    <label><input class="checkbox" name="formDoor[]" type="checkbox" value="Houses"> <span class="checkbox-custom"></span> <span class="label">Дома</span></label> 
    <label><input class="checkbox" name="formDoor[]" type="checkbox" value="Bunkers"> <span class="checkbox-custom"></span> <span class="label">Бункеры</span></label> 
    <label><input class="checkbox" name="formDoor[]" type="checkbox" value="Businesses"> <span class="checkbox-custom"></span> <span class="label">Бизнессы</span></label> 
</form>
Answer 1
$(document).ready(function() {
    $("[type=checkbox]").click(function() {
        var data = $($(this).parents('form:first')).serializeArray();
        $.ajax({
            type: 'POST',
            cache: false,
            url: '/',
            data: data,
            dataType: 'json',
            success: function (response) {
            }
        });
    });
});
Answer 2
<input class="checkbox" name="formDoor[]" type="checkbox" value="Gang zones"
  onclick="this.closest('form').submit()">

А можно без обновления страницы?

<iframe name="frameforform" style="display:none;"></iframe>
<form method="post" style="width: 1000px;text-align: center;margin: auto;"
  target="frameforform">
  ...

<form method="post" style="text-align: center;margin: auto;" 
  target="frameforform"> 
<label><input class="checkbox" name="formDoor[]" type="checkbox" value="Gang zones" 
  onclick="this.closest('form').submit();console.log('submitted - ',this.checked);" />Click</label> 
</form> 
<iframe name="frameforform" style="display1:none;"></iframe>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте mario.kiev.ua
ТОП-10
READ ALSO
Как создать такую кнопку для подписки на группу ВК?
CSS

Как создать такую кнопку для подписки на группу ВК?

 222
Почему фон не становится на место?
CSS

Почему фон не становится на место?

 189
mysql_connect в php7
MySQL

mysql_connect в php7

Имеем: 1) Сервер c php7 где есть mysqli, pdo , но отсутствует mysql_connect 2) Сайт с древней версией CMS, где все на mysqlПереписывать все на mysqli не вариант

 217
Как сделать конструкцию &ldquo;SELECT IF THEN UPDATE&rdquo;
MySQL

Как сделать конструкцию “SELECT IF THEN UPDATE”

Есть таблица bank, в ней 3 столбца: id, owner, money Мне нужно "перекинуть" X количество money из N строки в строку M, я сделал запрос, но проблема в том, что...

 276