JavaScript初級(jí)教程(第五課續(xù))第1/3頁
在該例中,如果你打算取消對(duì)一個(gè)單選框的選取,你必須點(diǎn)擊另一個(gè)單選框。再看下面的程序:
<form name="form_1">
<input type="radio" name ="radio_1" onClick="offButton();">Light off
<input type="radio" name ="radio_2" onClick="onButton();" checked>Light on
</form>
當(dāng)?shù)谝粋€(gè)單選框被選中時(shí),函數(shù)offButton() 被調(diào)用。函數(shù)如下:
function offButton()
{
var the_box = window.document.form_1.radio_1;
if (the_box.checked == true)
{
window.document.form_1.radio_2.checked = false;
document.bgColor='black';
alert("Hey! Turn that back on!");
}
}
這個(gè)例子很象前面的復(fù)選框例子,主要的區(qū)別在于該行:
window.document.form_1.radio_2.checked = false;
該行指令指示JavaScript在該按鈕被點(diǎn)擊時(shí)關(guān)閉另外一個(gè)按鈕。由于另外一個(gè)按鈕的函數(shù)同這個(gè)很相似:
function onButton()
{
var the_box = window.document.form_1.radio_2;
if (the_box.checked == true)
{
window.document.form_1.radio_1.checked = false;
document.bgColor='white';
alert("Thanks!");
}
}
相關(guān)文章
document 和 document.all 分別什么時(shí)候用
document 和 document.all 分別什么時(shí)候用...2006-09-09淺談JavaScript的內(nèi)置對(duì)象和瀏覽器對(duì)象
下面小編就為大家?guī)硪黄獪\談JavaScript的內(nèi)置對(duì)象和瀏覽器對(duì)象。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06JavaScript腳本語言在網(wǎng)頁中的簡(jiǎn)單應(yīng)用
JavaScript腳本語言在網(wǎng)頁中的簡(jiǎn)單應(yīng)用...2007-05-05JavaScript函數(shù)表達(dá)式詳解及實(shí)例
這篇文章主要介紹了JavaScript函數(shù)表達(dá)式詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05一個(gè)簡(jiǎn)單的網(wǎng)站訪問JS計(jì)數(shù)器 刷新1次加1次訪問
一個(gè)簡(jiǎn)單的網(wǎng)站訪問JS計(jì)數(shù)器,一般就是學(xué)習(xí)下原來,不建議使用,現(xiàn)在cnzz或百度統(tǒng)計(jì)多試不錯(cuò)的2012-09-09深入理解JavaScript系列(30):設(shè)計(jì)模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列(30):設(shè)計(jì)模式之外觀模式詳解,外觀模式(Facade)為子系統(tǒng)中的一組接口提供了一個(gè)一致的界面,此模塊定義了一個(gè)高層接口,這個(gè)接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03Javascript實(shí)現(xiàn)異步編程的過程
這篇內(nèi)容詳細(xì)分析了Javascript實(shí)現(xiàn)異步編程的過程以及原理解釋,對(duì)此知識(shí)點(diǎn)有興趣的朋友可以學(xué)習(xí)下。2018-06-06