Web Analytics Made Easy -
StatCounter If radio button is checked display rows and columns with values - CodingForum

Announcement

Collapse
No announcement yet.

If radio button is checked display rows and columns with values

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • If radio button is checked display rows and columns with values

    Hi
    I have a asp page with 2 radio buttons. If i click on "yes" button i must display below radio button row a set of coding and if i click "no" then display a row with the below set of coding. Pls help! Thanks

    <tr>
    <td>Permanent Changes (Y/N) </td>
    <td>
    <input type="radio" value="Yes" name="PC" Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" value="No" name="PC">No</b>
    </td>
    </tr>


    <!-- if i click yes i must display the below code below this row---
    <tr>
    <td width="26%" height="11"><hr color="#000000" /></td>
    <td width="74%" height="11" colspan="4"><hr color="#000000" /></td>
    </tr>
    <tr>
    <td width="26%" height="1" style="text-align: left; vertical-align: middle"><b>Effective Date</b></td>
    <td width="74%" height="1" colspan="4" style="text-align: left; vertical-align: middle">
    <input type="text" name="SelectedDate" id="SelectedDate" maxlength="10" size="29" />&nbsp; <a href="javascript:;" onclick="winBRopen('cal_popup.asp?FormName=FormName&amp;FieldName=SelectedDate&amp;Date=<%=Date()%>& amp;CurrentDate=<%=Date()%>','popup_cal','241','206','no','no')">
    <font color="#000000">
    <img valign="center" src="img/cal.gif" class="DatePicker" alt="Pick A Date" align="absmiddle" /></font></a> </td>
    </tr>
    -->



    <!---if i click no I must display the below code below the radio button row----
    <tr>
    <td width="26%" height="11"><hr color="#000000" /></td>
    <td width="74%" height="11" colspan="4"><hr color="#000000" /></td>
    </tr>
    <tr valign="middle">
    <td width="26%" height="1" style="text-align: left; vertical-align: middle"><b>If not permanent changes, please state the periods</b> </td>
    <td width="74%" height="1" colspan="4" style="text-align: left; vertical-align: middle">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="72">
    <tr valign="middle">
    <td width="8%" height="41" style="text-align: left; vertical-align: middle"><b>&nbsp;&nbsp; Start</b></td>
    <td width="47%" height="41" style="text-align: left; vertical-align: middle">
    <input type="text" name="SelectedDate" id="SelectedDate0" maxlength="10" size="30" />&nbsp; <a href="javascript:;" onclick="winBRopen('cal_popup.asp?FormName=FormName&amp;FieldName=SelectedDate&amp;Date=<%=Date()%>& amp;CurrentDate=<%=Date()%>','popup_cal','241','206','no','no')">
    <font color="#000000">
    <img valign="center" src="img/cal.gif" class="DatePicker" alt="Pick A Date" align="absmiddle" /></font></a>
    </td>
    <td width="1%" height="41" style="text-align: left; vertical-align: middle">&nbsp;</td>
    <td width="14%" height="41" style="text-align: left; vertical-align: middle"><div align="right"><b>Shift&nbsp;</b></div></td>
    <td width="30%" height="41" style="text-align: left; vertical-align: middle">
    <select size="1" name="start_shift">
    <option value="sat_day">SAT-DAY
    <option value="sat_night">SAT-NIGHT
    <option value="sun_day">SUN-DAY
    <option value="sun_night">SUN-NIGHT
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="8%" height="31" style="text-align: left; vertical-align: middle"><b>&nbsp;&nbsp; End</b></td>
    <td width="47%" height="31" style="text-align: left; vertical-align: middle">
    <input type="text" name="SelectedDate" id="SelectedDate1" maxlength="10" size="30" />&nbsp; <a href="javascript:;" onclick="winBRopen('cal_popup.asp?FormName=FormName&amp;FieldName=SelectedDate&amp;Date=<%=Date()%>& amp;CurrentDate=<%=Date()%>','popup_cal','241','206','no','no')">
    <font color="#000000">
    <img valign="center" src="img/cal.gif" class="DatePicker" alt="Pick A Date" align="absmiddle" /></font></a>
    </td>
    <td width="1%" height="31" style="text-align: left; vertical-align: middle">&nbsp;</td>
    <td width="14%" height="31" style="text-align: left; vertical-align: middle"><div align="right"><b>Shift&nbsp;</b></div></td>
    <td width="30%" height="31" style="text-align: left; vertical-align: middle">
    <select size="1" name="start_shift">
    <option value="sat_day">SAT-DAY
    <option value="sat_night">SAT-NIGHT
    <option value="sun_day">SUN-DAY
    <option value="sun_night">SUN-NIGHT
    </select></td>
    </tr>
    </table>
    </td>
    </tr>
    --->
Working...
X