Отправить с флажком? Нет JavaScript - PullRequest
1 голос
/ 19 ноября 2009

Есть ли способ отправить форму, когда пользователь нажимает на флажок? Подумайте о списке задач.

Когда пользователь нажимает на флажок, он обновляет запись todo в базе данных, сообщая, что все сделано.

Можно ли это сделать без использования JavaScript?

Ответы [ 6 ]

6 голосов
/ 19 ноября 2009

Вы можете использовать изображение в качестве кнопки отправки:

<input type="image" name="done_5" src="checkbox_unchecked.gif" border="0">

Это изображение, конечно, будет непроверенным, затем перезагрузите его с проверенной версией. Эта кнопка будет следовать за обычным атрибутом действия формы

1 голос
/ 27 августа 2014

Наложите флажок с прозрачным элементом отправки.

<div style="display: inline-block; position: relative;" >
    <input type="checkbox" checked >
    <input type="submit" value=""
        style="left: 0; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%" >
</div>
1 голос
/ 19 ноября 2009

Не без использования JavaScript, нет. Это довольно просто:

<input type="checkbox" onchange="this.form.submit();">
1 голос
/ 19 ноября 2009

Используйте событие onclick на флажок, чтобы вызвать функцию submit() формы, о которой идет речь.

Другими словами, «нет», вам нужен Javascript.

1 голос
/ 19 ноября 2009

Можно ли это сделать без использования JavaScript.

номер

1 голос
/ 19 ноября 2009

Извините .. без Javascript ответ - нет. : -)

Возможно, вы захотите использовать отправку формы AJAX для чего-то подобного для удобства пользователя. Во всяком случае, Javascript будет выглядеть так:

function submitForm() {
    document.myform.submit();
}

затем используйте OnClick="submitForm();" или OnChange="submitForm();"

...