?? tutorial5_page8.htm
字號(hào):
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>Webmonkey: javascript: Thau's JavaScript Tutorial: Day 1</title>
<meta NAME="keywords"
CONTENT="javascript, hotwired, webmonkey, javascript, javascript tutorial, thau, dave thau, developer resource, developer, development, web
development, design, code, geek, warez, free, new, latest, news, tools,
info, tutorials, how-to, builder, web builder, pag">
<meta NAME="description"
CONTENT="Thau's JavaScript Tutorial: Day 1: Not only does Thau give the JavaScript skinny, but he'll have you writing your first script by the end of the day.">
<meta NAME="Template" CONTENT="E:\LIZEJUN\OFFICE\html.dot">
</head>
<body TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff">
<table CELLSPACING="0" BORDER="0" CELLPADDING="3" WIDTH="759">
<tr>
<td WIDTH="68%" VALIGN="MIDDLE"><font FACE="宋體" LANG="ZH-CN" SIZE="4" COLOR="#ff0000"></font><b><font
FACE="System,黑體" LANG="ZH-CN" SIZE="5" COLOR="#ff0000">第</font><font FACE="宋體"
LANG="ZH-CN" SIZE="5" COLOR="#ff0000">8</font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="5" COLOR="#ff0000">頁(yè)：?jiǎn)芜x框</font></b><font FACE="System,黑體" LANG="ZH-CN"><br>
<!-- BYLINE --> </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">作者：</font><a
HREF="mailto:thau@wired.com"><font FACE="宋體" LANG="ZH-CN" SIZE="2">Thau!</font></a><font
FACE="宋體" LANG="ZH-CN"> <!-- SEE ALSO LINKS --></font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN">在</font><font
FACE="宋體" LANG="ZH-CN">JavaScript</font><font FACE="System,黑體" LANG="ZH-CN">中單選框的用法和復(fù)選框是否相似。不同之處在于</font><font
FACE="宋體" LANG="ZH-CN">HTML</font><font FACE="System,黑體" LANG="ZH-CN">中的應(yīng)用。復(fù)選框是一種開(kāi)關(guān)。如果一個(gè)復(fù)選框被選中，你可以再點(diǎn)擊后取消選取</font><font
FACE="宋體" LANG="ZH-CN">. </font><font FACE="System,黑體" LANG="ZH-CN">但如果單選框被選中，則只能通過(guò)選取另外一個(gè)單選框才能取消對(duì)該單選框的選取。例：<form>
<p><input TYPE="radio" CHECKED NAME="blah" VALUE="larry"> </font><font FACE="宋體"
LANG="ZH-CN">Larry<br>
<input TYPE="radio" NAME="blah" VALUE="moe"> Moe<br>
<input TYPE="radio" NAME="blah" VALUE="curly"> Curly</font></p>
</form>
<font FACE="System,黑體" LANG="ZH-CN"><p>在該例中，如果你打算取消對(duì)對(duì)一個(gè)單選框的選取，你必須集電極另一個(gè)單選框。用這種概念我們可以用兩個(gè)單選框的設(shè)為代替一個(gè)復(fù)寫(xiě)紙的試著發(fā)式：</p>
<form>
</font><font FACE="System,黑體" LANG="ZH-CN" COLOR="#ff0000"><p><input TYPE="radio"
NAME="radio_1"> </font><font FACE="宋體" LANG="ZH-CN" COLOR="#ff0000">Light off<br>
<input TYPE="radio" CHECKED NAME="radio_2"> Light on</font></p>
</form>
<font FACE="System,黑體" LANG="ZH-CN"><p>表單編碼如下：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big><form name="form_1">
<input type="radio" name ="radio_1" </big>
<big>onClick="offButton();">Light off
<input type="radio" name ="radio_2" </big>
<big>onClick="onButton();" checked>Light on
</form>
</big></pre>
</dir>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN">當(dāng)?shù)谝粋€(gè)單選框被選中時(shí)，<tt>函數(shù)</font>offButton()</tt><font
FACE="宋體" LANG="ZH-CN"> </font><font FACE="System,黑體" LANG="ZH-CN">被調(diào)用。函數(shù)如下：</font><font
FACE="宋體" LANG="ZH-CN"> </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big>function offButton()
{
var the_box = </big>
<big>window.document.form_1.radio_1;
if (the_box.checked == true) </big>
<big>{
window.document.form_1.radio_2.checked = false;
document.bgColor='black';
alert("Hey! Turn that back on!");
}
}
</big></pre>
</dir>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN">這個(gè)例子很象前面的復(fù)選框例子，主要的區(qū)別在于該行：</font><font
FACE="宋體" LANG="ZH-CN"> </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big>window.document.form_1.radio_2.checked = false;
</big></pre>
</dir>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN">該行指令指示</font><font
FACE="宋體" LANG="ZH-CN">JavaScript</font><font FACE="System,黑體" LANG="ZH-CN">在該按鈕被點(diǎn)擊時(shí)關(guān)閉另外一個(gè)按鈕。由于另外一個(gè)按鈕的函數(shù)同這個(gè)很相似：</font><font
FACE="宋體" LANG="ZH-CN"> </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big>function onButton()
{
var the_box = window.document.form_1.radio_2;
if (the_box.checked == true) </big>
<big> {
window.document.form_1.radio_1.checked = false;
document.bgColor='white';
alert("Thanks!");
}
}
</big></pre>
</dir>
<font FACE="System,黑體" LANG="ZH-CN"><p>第</font><font FACE="宋體" LANG="ZH-CN">1</font><font
FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a HREF="tutorial5_page1.htm">第</font><font
FACE="宋體" LANG="ZH-CN">5</font><font FACE="System,黑體" LANG="ZH-CN">日課程介紹</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">2</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page2.htm">介紹反饋表單</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">3</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page3.htm">控制文字域的值</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">4</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page4.htm">文字域事件</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">5</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page5.htm">反饋表單處理器</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">6</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page6.htm">文字域的練習(xí)</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">7</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page7.htm">復(fù)選框</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">8</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page8.htm">單選框</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">9</font><font FACE="System,黑體" LANG="ZH-CN">頁(yè)：<a
HREF="tutorial5_page9.htm">選單</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">10</font><font FACE="System,黑體"
LANG="ZH-CN">頁(yè)：<a HREF="tutorial5_page10.htm">在選單中應(yīng)用</font><font
FACE="宋體" LANG="ZH-CN">onchange</font><font FACE="System,黑體" LANG="ZH-CN">命令</a><br>
</p>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p> </p>
</font><font FACE="System,黑體" LANG="ZH-CN"><p><br>
</p>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p><br>
<!-- AUTHOR TAGLINE --> </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE"></td>
</tr>
</table>
<font FACE="System,黑體" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -