JavaScript 點擊單選按鈕改變輸入框(文本域)的內容_表單按鈕特效

點擊單選按鈕改變輸入框（文本域）的內容，這是一個JavaScript 的應用，可以減少用戶的輸入，提升用戶操作易用性，它類似一個TAB選項卡一樣的功能，并可以完成后提交表單，值得學習。

<html>
<head>
<title>點擊單選框改變輸入框內容JavaScript</title>
</head>
<body>
<script language=JavaScript>
var defaultValue = ""
function Changes() {
var defaultValue = "changed";
}
ie = document.all?1:0
ns4 = document.layers?1:0
var c = 1
function hideIt(id) {
if (ie) {
document.all[id].style.zIndex = c--;	
document.all[id].style.visibility = "hidden";
document.all['hider'].style.visibility = "visible";
}	
else if (ns4) {
document.layers[cat].layers[id].zIndex = c--;
document.layers[cat].layers[id].visibility = "hide";
document.layers[cat].layers['hider'].visibility = "show";
}	
}
function showIt(id) {
if (ie) {
document.all[id].style.zIndex = c++;	
document.all[id].style.visibility = "visible";
}	
else if (ns4) {
document.layers[cat].layers[id].zIndex = c++;
document.layers[cat].layers[id].visibility = "show";
}
else {
document.getElementById(id).style.zIndex = c++;	
document.getElementById(id).style.visibility = "visible";	
}	
}
function imgLbl(tab) {
premier = frmWc.elements[tab - 1];
if (premier.checked == 1) {
premier.checked = 0;
} else {
premier.checked = 1;
}
}
</script>
<FORM name=protectForm action=ok.asp  method=post >
                    <TABLE width=560>
                       
                      <TR>
                <TD>
                  <TABLE cellPadding=2>
                    
                    <TR align=left>
                      <TD vAlign=top align=left>
                    <INPUT 
                        onclick="showIt(  'off');return true" type=radio value=0 
                        name=Level checked>
                                ASP</TD>
                      <TD align=left width=20>  </TD>
                      <TD vAlign=top align=left><INPUT 
                        onclick="showIt(  'low');return true" type=radio 
                        value=25 name=Level>
                                PHP</TD>
                      <TD align=left width=20>  </TD>
                      <TD vAlign=top align=left>
                    <INPUT 
                        onclick="showIt(  'high');return true" type=radio value=75 name=Level>
                                JSP</TD>
                      <TD align=left width=20>  </TD>
                      <TD vAlign=top align=left><INPUT 
                        onclick="showIt(  'excl');return true" type=radio 
                        value=100 name=Level>
                               AJAX</TD>
                            </TR></TABLE></TD></TR></TABLE>
            
                    <table cellspacing=1 cellpadding=0 width=562 border="0" bgcolor="7285CF" height="240">
                       
                      <tr> 
                        <td colspan=3 height="145" valign="top" bgcolor="F2F2F2"> 
                          <div id=off style="WIDTH: 560px;POSITION: absolute; HEIGHT: 230; z-index: 1; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560" border="0">
                              <tr> 
                                <td width="560">ASP是一種微軟發(fā)明的WEB動態(tài)編程語言。</td>
                  </tr>
                  
                </table>
              </div>
                          <div id=low 
                  style="WIDTH: 560px;POSITION: absolute; HEIGHT: 230; z-index: 2; visibility: hidden; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560">
                              <tr >
                                <td width="1237">PHP是一種開源、免費平臺通用型WEB編程語言。</td>
                  </tr>
                  
                </table>
              </div>
                          <div id=high 
                  style="WIDTH: 560px;POSITION: absolute; HEIGHT: 230; z-index: 1; visibility: hidden; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560">
                              <tr>JSP是SUN公司制造的基于JAVA的WEB編程容器，也是一種WEB編程語言。</td>
                  </tr>
                  
                </table>
              </div>
                          <div id=excl 
                  style="WIDTH: 560px;POSITION: absolute; HEIGHT: 230; z-index: 1; visibility: hidden; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560">
                              <tr> 
                                <td width="953">AJAX是一種WEB交互型框架語言，可以很好的提升用戶體驗。</td>
                  </tr>
                </table>
              </div>     
            </td>
          </tr>
        </table>
        <TABLE cellSpacing=0 cellPadding=0 width=560>
                      <TR>
                        <TD align=right height="30"> 
                          <INPUT class=bottom  type=submit value=" 確定 "> 
                          <INPUT class=bottom type=button value=" 取消 " name="Button"> 
              </TD></TR></TABLE>
            </FORM>
</body>
</html>

所屬頻道：表單按鈕特效/更新時間：2012-12-21

[收藏][報錯][返回列表]

相關表單按鈕特效：

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索JavaScript 點擊單選按鈕改變輸入框(文本域)的內容
特效說明：
表單按鈕模板-JavaScript 點擊單選按鈕改變輸入框(文本域)的內容。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JavaScript 點擊單選按鈕改變輸入框(文本域)的內容_表單按鈕特效

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些