Установка чекбокса и отправка формы при клике по блоку

Тема в разделе "JavaScript", создана пользователем RedoxKit, 7 окт 2014.

Модераторы: ZiX
  1. RedoxKit

    RedoxKit Создатель

    Регистр.:
    7 окт 2008
    Сообщения:
    25
    Симпатии:
    2
    Здравствуйте!
    В javascript совсем новичок, но нужно реализовать следующее:
    Есть код:
    <form name='aForm' id='aForm' enctype='multipart/form-data' method='post' action='submit.php' onsubmit="return checkForm(this);">
    ....
    <div class="del_img"></div>
    <input id='k411' type='checkbox' name='f_KILL411' value='0' />
    ....
    <input type="submit" name="submit" value="СОХРАНИТЬ ИЗМЕНЕНИЯ" class="btn">
    </form>
    Как сделать так, чтобы при клике по блоку с классом del_img
    отмечался чекбокс и происходила отправка формы и появление модального окна с id="thx" ?
    спасибо!
    пробовал <div class="del_img" onclick="submitform()"></div>
    Форма не отправляется, а уж как поставить чекбокс=1 при клике на этом блоке совсем не знаю...
    Up.
    Установку чекбокса вроде сделал.... так:
    <div class="del_img" onclick='$("#k411").attr("checked","checked")'></div>, а вот как прикрутить сюда ещё и отправку формы....?
     
    Последнее редактирование: 7 окт 2014
  2. Aglok

    Aglok ∞³

    Регистр.:
    9 янв 2012
    Сообщения:
    162
    Симпатии:
    46
    Код:
    <div class="del_img" onclick="submitform()"></div>
    Код:
    submitform(){
         document.getElementById('k411').checked = true;
         document.getElementById("aForm").submit();    
    }
     
  3. RedoxKit

    RedoxKit Создатель

    Регистр.:
    7 окт 2008
    Сообщения:
    25
    Симпатии:
    2
    Спасибо. Но в таком варианте чекбокс не отмечается и форма не отправляется.
     
  4. Aglok

    Aglok ∞³

    Регистр.:
    9 янв 2012
    Сообщения:
    162
    Симпатии:
    46
    Код:
    function submitform(){
         document.getElementById('k411').checked = true;
         document.getElementById("aForm").submit();   
    }
    Код:
    <div class="del_img" onclick="submitform()">Оправить</div>
    Это убери из формы:
    Код:
    <input type="submit" name="submit" value="СОХРАНИТЬ ИЗМЕНЕНИЯ" class="btn">
     
  5. RedoxKit

    RedoxKit Создатель

    Регистр.:
    7 окт 2008
    Сообщения:
    25
    Симпатии:
    2
    убрать это не могу, т.к. помимо чекбокса в форме есть ещё несколько других полей, после изменения которых нужно на что то нажимать чтобы сохранить изменения.
    Клик по блоку устанавливает галочку удалить загруженный в соответствующее поле формы файл. Необходимо чтобы при клике по блоку class="del_img" устанавливался чекбокс "удалить файл" и тутже происходила отправка формы. А при изменении других полей этой же формы можно было нажать "Сохранить изменения".
     
  6. warg

    warg Постоялец

    Регистр.:
    26 июн 2007
    Сообщения:
    127
    Симпатии:
    130
    значит переделать кнопку, убрать type, поменять name и добавить к ней аналогичный onclick
     
  7. Aglok

    Aglok ∞³

    Регистр.:
    9 янв 2012
    Сообщения:
    162
    Симпатии:
    46
    Тогда вот сделай так функцию!
    Код:
            
            function submitform(){
                var form = document.getElementById("aForm");
                document.getElementById('k411').checked = true;
                var type = form.removeChild(form.lastChild.previousSibling);
                form.submit();
            }
     
  8. slr

    slr Создатель

    Регистр.:
    12 апр 2008
    Сообщения:
    15
    Симпатии:
    3
    в onclick добавить $("#aForm").submit()
    <div class="del_img" onclick='$("#k411").attr("checked","checked");$("#aForm").submit()'></div>
     
  9. meatuss

    meatuss Постоялец

    Регистр.:
    24 фев 2013
    Сообщения:
    86
    Симпатии:
    5
    Подскажите на сайте столкнулся с проблемами:
    1. На странице категорий ( купить в 1 клик) модуль Ajax Checkout
    Подозреваю что возможен конфликт между модулями.
    Ситуация такая:
    • Нажимаю на кнопку (купить в 1 клик);
    • Открывается окно формы; -> после заполнения всех полей
    • При нажатии на кнопку ОФОРМИТЬ СЕЙЧАС -> происходит следующие:
      1. Заказ отправляется администратору, но;
      2. Сама форма не исчезает и не появляется сообщение об успешном оформлении заказа для клиента (который находится на сайте)
    Вопрос: Как это исправить?, может кто сталкивался - посоветуйте решение.[​IMG]
    2. На странице товара (заказать в 1 клик) модуль (Заказать в 1 клик)
    Проблема такая же как в первом вопросе.
    В карточке товара есть окно для ввода телефона
    • После ввода телефона и нажатия на кнопку (Заказать в 1 клик:(
      1. Заказ отправляется администратору, но;
      2. Не появляется сообщение об успешном оформлении заказа для клиента (который находится на сайте)
    [​IMG]