Below is the Javascript that controls the hidden fields.
Expand|Select|Wrap|Line Numbers
- function turnOff(id){
- var checkboxgsa
- if(form.checkboxgsa.checked==true)
- var gsaAnswer=window.confirm('Credit GSA Credit Card?');
- if(gsaAnswer===true)
- {
- form.checkboxgsa.checked=true;
- form.checkboxgcpc.checked=false;
- }
- var state = document.getElementById(id).style.display;
- if (state == 'block') {
- document.getElementById(id).style.display = 'none';
- }
- }
- function toggle(id) {
- var checkboxgcpc
- if(form.checkboxgcpc.checked==true)
- var gcpcAnswer=window.confirm('Credit GCPC Credit Card?');
- if(gcpcAnswer===true)
- {
- form.checkboxgcpc.checked=true;
- form.checkboxgsa.checked=false;
- }
- var state = document.getElementById(id).style.display;
- if (state == 'none') {
- document.getElementById(id).style.display = 'block';
- }
- }
- <html>
- <form method="POST" action="<%=checkouturl%>" name="form" id="form">
- <tr>
- <td width="10%"> </td>
- <td width="40%">
- <INPUT TYPE="radio" NAME="checkboxgsa" onclick="turnOff('hidden')"<%if checkboxgsa=1 then response.write(" checked")%> VALUE="1" >GSA Card
- <INPUT TYPE="radio" NAME="checkboxgcpc" onClick="toggle('hidden')"<%if checkboxgcpc=1 then response.write(" checked")%> VALUE="1" >GCPC Credit Card
- </td>
- <td width="40%"> </td>
- <td width="10%"> </td>
- </tr>
- <% if authcccode="ON" or cvven="ON" then %>
- <% end if %>
- <tr>
- <td width="10%" height="21"> </td>
- <td width="40%" height="21">
- <div id="hidden" style="display:none;">
- <table border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td class="formheadings"><%=getsystext("sys51")%></td>
- <td width="10"></td>
- <td class="formheadings"><%=getsystext("sys52")%></td>
- </tr>
- <tr>
- <td><select class="formdrop" size="1" name="expmonth">
- <option>01</option>
- <option>02</option>
- <option>03</option>
- <option>04</option>
- <option>05</option>
- <option>06</option>
- <option>07</option>
- <option>08</option>
- <option>09</option>
- <option>10</option>
- <option>11</option>
- <option>12</option>
- <option selected value="<%=expmonth%>"><%=expmonth%>
- </option>
- </select> </td>
- <td width="10"></td>
- <td><select class="formdrop" size="1" name="expyear">
- <option>2005</option>
- <option>2006</option>
- <option>2007</option>
- <option>2008</option>
- <option>2009</option>
- <option>2010</option>
- <option>2011</option>
- <option>2012</option>
- <option>2013</option>
- <option>2014</option>
- <option>2015</option>
- <option>2016</option>
- <option>2017</option>
- <option>2018</option>
- <option>2019</option>
- <option selected value="<%=expyear%>"><%=expyear%></option>
- </select></td>
- </tr>
- </table>
- </div>
- </td>
- </form>
- </table>
- </html>