How do I disable content in a text box, only if a radio button hasn't been checked

[w33nie]

I want to disable the text boxes, captain_name and captain_email, but only if the radio button, captain_guarant ee, has NOT been checked.

how do i do this?

<form name="formTeamApplication" action="teams_process.php" method="post" onSubmit="validate()">
                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width='75'><span class='Body'>Team Name:</span></td>
    <td width='150'><input width="150" class="Body" name="team_name" type="text" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Team Tag:</span></td>
    <td width='150'><input width="150" class="Body" name="team_tag" type="text" /></td>
    <td width='51'><span class='Body'>* optional</span></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
      <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td><span class='BodySmallHeading'>Please enter only the player's ingame nickname</span></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width='75'><span class='Body'>Captain:</span></td>
    <td width='150'><input width="150" class="Body" name="member1" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums1" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 2:</span></td>
    <td width='150'><input width="150" class="Body" name="member2" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums2" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 3:</span></td>
    <td width='150'><input width="150" class="Body" name="member3" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums3" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 4:</span></td>
    <td width='150'><input width="150" class="Body" name="member4" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums4" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 5:</span></td>
    <td width='150'><input width="150" class="Body" name="member5" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums5" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 6:</span></td>
    <td width='150'><input width="150" class="Body" name="member6" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums6" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 7:</span></td>
    <td width='150'><input width="150" class="Body" name="member7" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums7" type="checkbox" /></td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Member 8:</span></td>
    <td width='150'><input width="150" class="Body" name="member8" type="text" /></td>
    <td width='173'><span class='Body'>Registered on ACSSL Forums:</span></td>
    <td><input value="yes" name="forums8" type="checkbox" /></td>
  </tr>
</table><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width='25'><input value="yes" name="captain_guarantee" type="radio" /></td>
        <td><span class='Body'>I am Captain of this team.</span></td>
    </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width='75'><span class='Body'>Full Name:</span></td>
    <td width='150'><input width="150" class="Body" name="captain_name" type="text" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width='75'><span class='Body'>Email:</span></td>
    <td width='150'><input width="150" class="Body" name="captain_email" type="text" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width='25'><input value="yes" name="team_guarantee" type="radio" /></td>
        <td><span class='Body'>By completing this form, I guarantee, that as Captain, I can and will keep this team together, and recognise that it will count against my reputation should the team fail to hold.</span></td>
    </tr>
</table>
                            <br>
    <input type="submit" value="Submit" />
    <input name="reset" type="reset" id="reset" value="Clear Form">
    </form>

[AricC]

Have you found a solution? You need to use Javascript, let me know I can move your thread there, but basically you need to code something like if this radio button is checked then disable the control shouldn't be too hard.


Aric

[w33nie]

no i havent found a solution, but if you can do it with javascript, then please move this to the appropriate thread.

[AricC]

no i havent found a solution, but if you can do it with javascript, then please move this to the appropriate thread.

Here is an example of something I've done:

                    <script type="text/javascript">
                        function ValidateCheckBox()
                        {
                        var chkYes = document.getElementById("chkYes");
 
                        if ( chkYes.checked == true )
                            {
                               window.location = 'some_images.php';   
                            }
                            else 
                            {
                            alert("If You Would Like To Proceed You Must Check The Box")
                            }
 
                        }
 
 
                    </script>
 

Except instead of moving to a new page say document.yourfo rm.textbox.disa bled = true or something to the effect. Let me know if your stuck.