日期:2014-05-16  浏览次数:20407 次

js对jsp控件的控制
1.标签隐藏
JSP:
<INPUT VALUE="保 存" class=cssButton TYPE=button name=SaveBTN onclick="SaveClick();">
<INPUT VALUE="取 消" class=cssButton TYPE=button name=CancelBTN onclick="CancelClick();">
JS:
//隐藏
fm.SaveBTN.style.display='none';
fm.CancelBTN.style.display='none';
//出现
fm.SaveBTN.style.display='';
fm.CancelBTN.style.display='';
2.表格的隐藏 
  1)整个表格隐藏 
  表格外面加<DIV>,并命名ID。
JSP:
< DIV id="PayInfo" style="display: 'none'"></DIV>
JS:
PayInfo.style.display='none';
  2)表格的列隐藏
JSP:
<TD class=title id=AccBankNameTD>
开户行名称
</TD>
<TD class=input id=AccBankNameInput>
<Input class=common name=AccBankName id=AccBankNameId >
</TD>
JS:
//隐藏
document.getElementById("AccBankNameTD").style.visibility='hidden';
document.getElementById("AccBankNameInput").className='';
fm.AccBankName.style.display='none';
//恢复
document.getElementById("AccBankNameTD").style.visibility='visible';
document.getElementById("AccBankNameInput").className='input'; fm.AccBankName.style.display='';
3.标签置灰
//置灰
fm.SaveBTN.disabled ='true';
fm.CancelBTN.disabled ='true';
//恢复
fm.SaveBTN.disabled ='';
fm.CancelBTN.disabled ='';
4.标签样式改变
JSP:
<Input class=readonly  name=CardNo id=CardNoId  >
JS:
//正常输入
fm.CardNo.className = "common";
//只读
fm.CardNo.className = "readonly";