How do i submit a form with radio buttons ?

Accurax · #1 (**permalink**) May 12th, 2007, 13:44

I have a form that is basicaally just 10 radio buttons, to allow people to rate other members on my dating site.

At the moment i have a submit button... but id like the form to automatically submit when a user chooses a radio button, instead of having to click the submit bnutton.

Anyone know how i would go about this?

Thanks for any help chaps

BonRouge · #2 (**permalink**) May 12th, 2007, 16:57

Maybe something like this: http://bonrouge.com/demos/auto_submit.htm

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>auto_submit</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
window.onload=function() {
var rbuttons=document.theForm.rate;
    for (i=0; i<rbuttons.length; i++) {
        rbuttons[i].onclick=function() {document.theForm.submit();}
    }
}
</script>
</head>
<body>
<form action="formhandler.php" name="theForm" method="post">
<fieldset>
<legend>Rate</legend>
<label>1<input type="radio" name="rate" value="1"></label>
<label>2<input type="radio" name="rate" value="2"></label>
<label>3<input type="radio" name="rate" value="3"></label>
<label>4<input type="radio" name="rate" value="4"></label>
<label>5<input type="radio" name="rate" value="5"></label>
<input type="submit" value="submit">
</fieldset>
</form>
</body>
</html>

Accurax · #3 (**permalink**) May 12th, 2007, 18:13

eeek ... you mean i have to use javascript ?.... that goes against my moral fibre ... is there an other way?... maybe using php?

BonRouge · #4 (**permalink**) May 12th, 2007, 18:17

Er... no, I don't think so.

Accurax · #5 (**permalink**) May 12th, 2007, 18:21

ok, thanks mate ... ill do some research and probably use some javascript in the end ... cheers

masonbarge · #6 (**permalink**) May 12th, 2007, 18:34

Yeah, javascript is pretty much the best way to do this. I have done something similar in PHP but there were all kinds of complications I haven't yet straightened out.

If you wanted to use a server-side script, my suggestion would be to get "outside the box". I'd use a submit button rather than a radio button. Just display a separate POST form, with a submit button and a hidden field, for each choice. Use the button to display the choice and the hidden input to hold it (since the submit button has to hold the submit variable, AFAIK). The form handling would take some creative work, primarily to allow only one vote, but it shouldn't be all that difficult.

I did try something like this once -- the form handler accessed records from a mysql database and displayed them -- and it worked fine, but I had to abandon it because I wanted my form to allow for multiple variables, ie checkboxes.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Help with Radio buttons	Oak	JavaScript Forum	17	Feb 2nd, 2008 09:44
Radio Buttons and Javascript	activeware	JavaScript Forum	6	Dec 11th, 2007 18:02
[SOLVED] large radio button form submit	chriscant	JavaScript Forum	7	Oct 25th, 2007 09:03
Radio buttons and mandatory fields	joshcxa	JavaScript Forum	1	Aug 8th, 2006 10:30
Radio Buttons	redhead	Web Page Design	2	Apr 12th, 2004 19:00

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
How do i submit a form with radio buttons ?