JavaScript初級(jí)教程(第五課續(xù))第1/3頁

更新時(shí)間：2007年04月05日 00:00:00 作者：

在JavaScript中單選框的用法和復(fù)選框相似。不同之處在于HTML中的應(yīng)用。復(fù)選框是一種開關(guān)。如果一個(gè)復(fù)選框被選中，你可以再點(diǎn)擊后取消選取. 但如果單選框被選中，則只能通過選取另外一個(gè)單選框才能取消對(duì)該單選框的選取。例：

在該例中，如果你打算取消對(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!");
        }
    }

12 3 下一頁閱讀全文

JavaScript初級(jí)教程(第五課續(xù))

相關(guān)文章

ArrayList類（增強(qiáng)版）
ArrayList類（增強(qiáng)版）...
2007-04-04
Javascript中Array.prototype.map()詳解
map 方法會(huì)給原數(shù)組中的每個(gè)元素都按順序調(diào)用一次 callback 函數(shù)。callback 每次執(zhí)行后的返回值組合起來形成一個(gè)新數(shù)組。 callback 函數(shù)只會(huì)在有值的索引上被調(diào)用；那些從來沒被賦過值或者使用 delete 刪除的索引則不會(huì)被調(diào)用。
2014-10-10
Javascript中indexOf()和lastIndexOf應(yīng)用方法實(shí)例
這篇文章主要介紹了JavaScript中的indexOf()和lastIndexOf()方法使用實(shí)例,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),有需要的朋友可以參考下。
2016-08-08
Web開發(fā)之JavaScript
筆者認(rèn)為web開發(fā)包括設(shè)計(jì)html，javascript,css，以及一種高級(jí)語言，比如c#,java等等
2012-03-03
JS?數(shù)組sort方法的升序?yàn)槭裁词莂-b你知道嗎
這篇文章主要為大家詳細(xì)介紹了JS?數(shù)組sort方法為什么升序是a-b，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-02-02
javascript input圖片上傳及預(yù)覽,FileReader預(yù)覽圖片
本文放置了html完成代碼案例,有需要大家可以直接復(fù)制測(cè)試功能,采用input文本框圖片上傳,使用FileReader預(yù)覽圖片效果
2021-06-06
javascript開發(fā)技術(shù)大全－第1章javascript概述
JavaScript 為 HTML 設(shè)計(jì)師提供了一種編程工具HTML 創(chuàng)作者往往都不是程序員，但是 JavaScript 卻是一種只擁有極其簡單的語法的腳本語言！幾乎每個(gè)人都有能力將短小的代碼片斷放入他們的 HTML 頁面當(dāng)中。
2011-07-07
De facto standard 世界上不可思議的事實(shí)標(biāo)準(zhǔn)
前些天IEBlog中提到實(shí)現(xiàn)互通并不是只靠標(biāo)準(zhǔn)就行，其中舉出了一些關(guān)于事實(shí)上的標(biāo)準(zhǔn)的考慮——所謂“事實(shí)上的標(biāo)準(zhǔn)”，也就是并非標(biāo)準(zhǔn)，但大家都遵循著它去做事情的那么一種東西。
2010-08-08
Javascript淺談之this
這篇文章主要介紹了Javascript中的this，有需要的朋友可以參考一下
2013-12-12
javascript開發(fā)技術(shù)大全第4章直接量與字符集
直接量就是在程序中顯示出來的數(shù)值。javascript直接量包括：字符串、數(shù)字、布爾、數(shù)組、函數(shù)、對(duì)象、和特殊直接
2011-07-07