function showESLBox() {
    if(document.forms[0].hideESL[0].checked) {
		document.forms[0].SchoolName.value  = document.forms[0].setSchoolName.value;
 		document.forms[0].districtName.value  = document.forms[0].setDistrictName.value;
 		document.forms[0].groupLeader.value  = document.forms[0].setGroupLeader.value;
        document.forms[0].gradeLevelTeaching.value=document.forms[0].setGradeLevelTeaching.value;
        document.forms[0].grantApplied.value  = document.forms[0].setGrantApplied.value;
		document.forms[0].ESL.value="set";
 		updateList(document.forms[0],0);
        e=document.getElementById("app1");
        e.style.display='none';
 	    }
     else {
        e=document.getElementById("app1");
        e.style.display='block';
		document.forms[0].ESL.value="set";
     }
 }

<%-- asldkgjsag --%>

<td>
                        <html:radio property="hideESL" value="false" onclick="showESLBox();"/>Yes<html:radio property="hideESL" value="true" onclick="showESLBox();"/>No
                    </td>

<%-- confirm stuffs --%>

<div id='app1' >
<br>
 <TABLE WIDTH="600" CELLSPACING="1" CELLPADDING="1" >
    <TR>
       <td align="left" nowrap="nowrap" width="110">School Name
       <td align="left"><input text property="SchoolName" size="50" maxlength="200"  /></td>
    </TR>
    <TR>
       <td align="left" nowrap="nowrap" width="110">District Name
       <td align="left"><input text property="districtName" size="50" /></td>
    </TR>
    <tr>
       <td align="left" nowrap="nowrap" width="110">Group Leader
       <td align="left"><input text property="groupLeader" size="50" /></td>
    </TR>
    <tr>
       <td align="left" nowrap="nowrap" width="110">Grade Level Teaching
       <td align="left"><input text property="gradeLevelTeaching" size="50" /></td>
    </TR>
    <tr>
       <td align="left" nowrap="nowrap" width="110">Grant Applied
       <td align="left"><input text property="grantApplied" size="50" /></td>
    </TR>
 </table>
</div>