Checkboxes

Adam H-W · August 28th, 2003, 08:57 AM

Hi there.

I have a form that I am posting but in the form itself, I have a checkbox. What I want to happen is that if that checkbox is checked by the user, then another text field appears for them to fill in. I'm not sure how to do this. Here is my code at present (which incidentally doesn't work!)

input name="PI" type="checkbox" id="PI" value="Add" >

             <%strAdd = request("PI")

        if strAdd = "Add" then%>

               <input name="PIU" type="text" class="TextBox" id="PIU">

        <%else%>

<%end if%>

thanks in advance

Adam

planoie · August 28th, 2003, 01:04 PM

I'll ask an obvious question: Are you posting the form by some means after you click the checkbox? Or are you expecting the textbox to appear instantly when you tick the checkbox?

Adam H-W · August 29th, 2003, 03:06 AM

Sorry, yes I wasn't making it totally clear.

I need the textbox to appear instantly if the checkbox is ticked.

Regards

Adam

pgtips · August 29th, 2003, 06:50 AM

You just need abit of client-side javascript (change the bit in red to the name of your form):

Code:

function toggleTextBox(bChecked, oTextBox)
{
  if (bChecked)
    oTextBox.style.display = "block";
  else
    oTextBox.style.display = "none";
}
...
<INPUT type="checkbox" id="PI" name="PI" onclick="toggleTextBox(this.checked, document.frmCheck.PIU);">
<INPUT type="text" name="PIU" id="PIU" value="" style="display:none;">
...

Adam H-W · August 29th, 2003, 07:14 AM

Fantastic!

Thanks very much!