Is there any way to submit a form when a user clicks on a checkbox? Think of a todo list.
When the user clicks on the checkbox, it updates the todo entry in the database saying its done.
Can this be done without using javascript?
Add a comment
|
6 Answers
You could use an image as a submit button:
<input type="image" name="done_5" src="checkbox_unchecked.gif" border="0">
That image would be an unchecked image of course, then reload with a checked version This button would follow the normal form action attribute
Comments
Sorry.. without Javascript the answer is no. :-)
You may want to consider using AJAX form submission for something like that for user experience sake. At any rate the Javascript would look like this:
function submitForm() {
document.myform.submit();
}
then use an OnClick="submitForm();" or OnChange="submitForm();"
7 Comments
Joey
Without JavaScript. The answer should be "no" :-)
irl_irl
Just saw your comment Johannes. Thanks
a432511
Lol... got so excited about Javascript I overlooked the "without Javascript" part of the question. :-)
jtbandes
This works but it's a bit overly complex, you don't need a function when you can just put the submission call in the onchange/onclick.
a432511
And I wrapped that in a function because where there is one checkbox, there are many = less code overall
|
Can this be done without using JavaScript.
No.
Comments
Use the "onclick" event on the checkbox to call the submit() function of the form in question.
In other words, "no" you need Javascript.
Comments
Not without using JavaScript, no. It's fairly simple, though:
<input type="checkbox" onchange="this.form.submit();">
Comments
Overlay the checkbox with a transparent submit element.
<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>
