Radio Button Problem

gazza777 · #1 (**permalink**) 07-13-2009, 05:11 PM

Hi all,

I'm a fairly newbie, with no formal training so as I come across these niggling issues I turn to guys like yourselves!

I created a form to email page which collects data on a possible order online and mails it to me. My problem comes with the radio buttons I have made.

For some reason it will only allow me to select the first radio button in a group. I have two instances in the form where I use radio buttons and they both the same. Sure it's the simplest thing, but obviously have no idea how to fix it!

And the code is -

<input type="radio" name="Hosting Package" id="9" value="A - Active" />
A - Active (R49p/m)<br />
<input type="radio" name="Hosting Package" id="10" value="B - Business" />
B - Business (R69p/m)<br />
<input type="radio" name="Hosting Package" id="11" value="C - Connoisseur" />
C - Connoisseur</label>
(R99p/m)

and

<input type="radio" name="Website Quote" id="13" value="Yes" />
Yes<br />
<input type="radio" name="Website Quote" id="14" value="No" />
No

Any assistance will be much appreciated!

Rgrds

Gary

**wige** · #2 (**permalink**) 07-13-2009, 05:59 PM

I'd probably have to see it, but first, try losing the id attribute and see if that has an effect. It shouldn't, but it might. Beyond that, have to see the full page in action.

Uncle Dog · #3 (**permalink**) 07-13-2009, 06:02 PM

I've just copied your markup into a very basic html doc...

<html>
<head></head>
<body>

<input type="radio" name="Hosting Package" id="9" value="A - Active" />
A - Active (R49p/m)<br />
<input type="radio" name="Hosting Package" id="10" value="B - Business" />
B - Business (R69p/m)<br />
<input type="radio" name="Hosting Package" id="11" value="C - Connoisseur" />
C - Connoisseur</label>
(R99p/m)

<br />

<input type="radio" name="Website Quote" id="13" value="Yes" />
Yes<br />
<input type="radio" name="Website Quote" id="14" value="No" />
No
</body>
</html>

and it works in FireFox 3 & IE 7

I'm wondering about the </label> tag in your markup at the end of C. Where does that start?

OK... found it. If you enclose the radio buttons with a <label>...</label> you can only select the first item.

gazza777 · #4 (**permalink**) 07-13-2009, 06:22 PM

Hey wige, I started with no ID tabs - that prevented me from selecting the 2nd set of radio buttons.

Uncle dog - noticed that </label> tag in there and have no idea why it's there but if I change it to <br /> it screws the whole thing up! How should it end?

I see I can post a link now - the site is here:

Creating WebSphere Wen Hosting Order Form

Thanx again guys.

Uncle Dog · #5 (**permalink**) 07-13-2009, 06:32 PM

Just remove the </label> tag, replace it with a space.
If you can find the starting tag <label> somewhere before there in the doc, remove that too.

You want it to look something like this

<input type="radio" name="Hosting Package" id="9" value="A - Active" />A - Active (R49p/m)<br />
<input type="radio" name="Hosting Package" id="10" value="B - Business" />B - Business (R69p/m)<br />
<input type="radio" name="Hosting Package" id="11" value="C - Connoisseur" />C - Connoisseur (R99p/m)<br />

Uncle Dog · #6 (**permalink**) 07-13-2009, 06:42 PM

Just been looking at the source of your site. It's littered with <label> tags for no apparent reason.

Read Forms in HTML documents for their proper use.

gazza777 · #7 (**permalink**) 07-13-2009, 06:43 PM

Got it - perfect now!!

Thanx a million Uncle Dog

Uncle Dog · #8 (**permalink**) 07-13-2009, 06:45 PM

Glad to help.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Google Buys Radio Ad Firm; AdWords Headed To Radio Distribu	WPW_Feedbot	Search Engine Optimization Forum	0	01-17-2006 10:30 AM
Ask Jeeves Ads on the Radio	WPW_Feedbot	Search Engine Optimization Forum	0	09-20-2005 12:00 PM
Virgin Radio	jawn_tech	The Castle Breakroom (General: Any Topic)	14	09-06-2005 12:35 PM
Internet Radio Ad Buy?	Gorgias	Ad Space Buy and Sell	2	04-26-2005 01:17 PM