Submit with checkbox? No javascript

问题:

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?

回答1:

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

回答2:

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();"

回答3:

Can this be done without using JavaScript.

No.

回答4:

Use the "onclick" event on the checkbox to call the submit() function of the form in question.

In other words, "no" you need Javascript.

回答5:

Not without using JavaScript, no. It's fairly simple, though:

<input type="checkbox" onchange="this.form.submit();">

回答6:

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>