submit a form using checkbox

Question

I have a very simple question - how do I get a form to submit when I change the status of a checkbox

Here is my code

<form name="formName" id="formName" action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">
<input type ="checkbox" name="categories1" value = "1" onClick="submit();">1</input>
</form>

in addition to submit() I have tried:

this.form.submit()
document.getElementById('formName').submit()
this.parentNode.submit()

but none of these work. When I check or uncheck the box nothing happen

any clues?

Your code is subject to XSS injection in the `action = "..."` bit. See exactly this question: [PHP_SELF and XSS](http://stackoverflow.com/q/6080022/938236) — Francisco Presencia, Oct 03 '13 at 11:49
use this.form.submit instead of only submit(); if you want to submit form anyway. — Muhammad, Oct 03 '13 at 11:49
`document.getElementById('formName').submit();` works.. can you show the `submit()` function — Paul Rad, Oct 03 '13 at 11:50

score 3 · Answer 1 · edited Oct 03 '13 at 11:50

3

Refer to the form name attribute:

document.formName.submit()

edited Oct 03 '13 at 11:50

CodingIntrigue

75,930
30
170
176

answered Oct 03 '13 at 11:48

iddo

749
3
11

None of these suggestions work – Ross Farrelly Oct 03 '13 at 12:08
when I try onclick="document.getElementById('formName').submit();" I get an error in IE saying Message: Object doesn't support this property or method – Ross Farrelly Oct 03 '13 at 12:09

score 2 · Answer 2 · answered Oct 03 '13 at 11:51

2

This works for me in both FF and IE:

<form name="formName" id="formName" action="" method="get">
<input type ="checkbox" name="categories1" value = "1" onclick="this.form.submit();">1</input>
</form>

answered Oct 03 '13 at 11:51

Adam MacDonald

1,958
15
19

score 1 · Answer 3 · edited May 23 '17 at 12:24

1

found the problem - I had a submit button named submit - see Javascript form submit: Object doesn't support this property or method (IE7) for similar soln.

edited May 23 '17 at 12:24

Community

1
1

answered Oct 03 '13 at 12:24

Ross Farrelly

267
4
11

You didn't share your input type having submit name,this is other problem. – Muhammad Oct 03 '13 at 12:54

score 0 · Answer 4 · answered Oct 03 '13 at 12:31

0

You can try the following

<form name="formName" id="formName" action="" method="get">
<input type ="checkbox" name="categories1" value = "1" **onchange**="this.form.submit();">1</input>
</form>

answered Oct 03 '13 at 12:31

Jerald

335
1
10

submit a form using checkbox

4 Answers4

Linked