*Resolved* Select Radio Button When Text Next to it is Clicked

Hi ....

What I'm trying to do should be simple. I have two radio buttons on an aspx page with text beside each explaining what the radio buttons mean. Of course, the radio buttons work correctly when clicked. Here's what I want to do ... when the text next to a radio button is clicked, I want the radio button itself to be selected. I've tried label and text box controls, but neither has a click event. Does anyone know how to do this?

Thanks,
OneSource

My radio buttons seem to work exactly how you describe you want them to work. The text next to the radiobutton selects the radio button when clicked.

I'm not trying to be rude, but you set the text for the radio button properly right? the radiobutton has a text property and radiobutton lists has an item collection.

token, I thought that I was going to be a candidate for the duh! award, but this isn't an asp:radiobutton control. It's of the type INPUT type="radio", which doesn't have a text property. :ehh: So, I still don't know how to do it ...

oooh, sorry man, i wish that i could help. I have no idea, i dont have time now to try it out, if it is really important maybe you can create some javascript that will change the property of the radiobutton when you click the text after you make it a link. Seems like a whole lot of work for very little.

Is there any particular reason why you dont want to use the asp radio button control

Quote:

---

Is there any particular reason why you dont want to use the asp radio button control

---

I'm taking over this app that was created by a different developer; therefore, I don't want to play around with it too much because something may break ... :o

Place the text next to the radio button in a div tag. In the onClick event for the div, toggle the radio button using client side javascript.

thanks for your reply. I'm still struggling with this silly thing! I say silly because it should be so simple. Here's a snippet of my code:

Code:

---

<script language="javascript">
function SelectDoNotAccept(){
alert("test");
}

function SelectAccept(){
alert("test");
}
</script>

<TABLE id="Table2" cellSpacing="0" cellPadding="0" width="80%" border="0">
<TR>
<TD>
        <P>
                <INPUT type="radio" onclick="document.Form1.btnAcceptTerms.disabled=false" runat="server"
        id="radbtnAcceptTerms" VALUE="radbtnAcceptTerms" NAME="RadioGroup"><span onClick="SelectAccept">&nbsp;I accept these terms.</span><BR>

                <INPUT type="radio" onclick="document.Form1.btnAcceptTerms.disabled=false" runat="server"
        id="radbtnRejectTerms" VALUE="radbtnRejectTerms" NAME="RadioGroup"><span onClick="SelectDoNotAccept">&nbsp;I DO NOT accept these terms.</span>
        </P>
</TD>
</TR>
</TABLE>

---

As you can see, I used span instead of DIV because I got an error message saying that the Div can't be nested inside <P>.

The strange thing is that the code above works in a separate HTML document. When I put it in an aspx web page, I get a Javascript error saying object expected. Any ideas, anyone?

mendhak et all ... I figured out what the problem was! a silly "}" missing in the javascript code! arghhhh .... I said it was silly!

Thanks anyway!

you could make it a lot easier on yourself and just use a LinkLabel to display the text, then do myradiobutton.Select in the click event for the LinkLabel

syntax-error, I'll do some research on a LinkLabel.

Thanks, OS (OneSource!)

Check out a video on the LinkLabel control at VB @ the Movies (its in the "Controls" section),

http://msdn.microsoft.com/vbasic/atthemovies/

Thanks syntax-error, I didn't know about VB @ The Movies!