JavaScript初级教程(第五课续)第1/3页

在JavaScript中单选框的用法和复选框相似。不同之处在于HTML中的应用。复选框是一种开关。如果一个复选框被选中，你可以再点击后取消选取. 但如果单选框被选中，则只能通过选取另外一个单选框才能取消对该单选框的选取。例：

Larry
    Moe
    Curly

在该例中，如果你打算取消对一个单选框的选取，你必须点击另一个单选框。再看下面的程序：

Light off
    Light on

表单代码如下：

<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>

当第一个单选框被选中时，函数offButton() 被调用。函数如下：

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!");
        }
    }

这个例子很象前面的复选框例子，主要的区别在于该行：

window.document.form_1.radio_2.checked = false;

该行指令指示JavaScript在该按钮被点击时关闭另外一个按钮。由于另外一个按钮的函数同这个很相似：

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!");
        }
    }

当前1/3页 123下一页阅读全文

赞 (0)

相关推荐

  • JavaScript初级教程(第五课续)第1/3页

    在JavaScript中单选框的用法和复选框相似.不同之处在于HTML中的应用.复选框是一种开关.如果一个复选框被选中,你可以再点击后取消选取. 但如果单选框被选中,则只能通过选取另外一个单选框才能取消对该单选框的选取.例: Larry    Moe    Curly 在该例中,如果你打算取消对一个单选框的选取,你必须点击另一个单选框.再看下面的程序: Light off    Light on 表单代码如下: <form name="form_1">        <

  • JavaScript初级教程(第五课)第1/4页

    现在你已经了解了计算机编程的基本知识.我们接下来继续研究一下文档对象模型(Document Object Model-DOM).DOM的点击关系起始于窗口对象在每个窗口对象中是一个文档对象(Document object).我们将重点谈谈文档对象,看看如何利用它从你的用户获得各项信息,并且动态显示新的信息. 我们已经看过文件对象的一个属性-图象数组(Images array).在第3课中,文件中第1个图象可以通过改变其src属性被修改. 例: window.document.images[0].

  • JavaScript初级教程(第四课)第1/2页

    我们已了解变量可是数字.字符串及对象参数.还有一个Javascript的重要部分:数组.     数组是一种列表.各种列表比如名单.URL以颜色列表都可以存储在数组中.      这里我们生成颜色的数组:     var colors = new Array("red","blue","green");     现在你就有了一个数组,你能对它做什么呢?数组的优点在于数组中的各个元素可以通过数字调用.第一个元素的数字是0,可以用以下方式调用:   

  • JavaScript初级教程(第三课)第1/2页

    本课的目的是调用目标名,本例中即窗口名yer_new_window. 既然我们已经简单的重温了一下href目标, 那么该开始学习在JavaScript中打开窗口. 在HTML中打开窗口应用极为普遍,但也有一些缺陷:用户浏览器决定窗口看起来是什么样的,你左右不了其窗口的大小及式样.幸运的是,JavaScript给了你这种控制权. 看一看其原由: window.open("URL","name","features"); 本语句以你调用时采用的第一个

  • javascript asp教程第五课--合二为一

    两条防线,一个函数: 试问你如何能保证客户端和服务器端具有相同的功能?表单域的验证闪现在我们眼前.别人把你的html复制到另外一个脚本,然后改变客户端的表单域验证--这并不是一件难事.摆在眼前的解决方法是将表单域的验证放置在服务器端.但那又意味着因为使用者的一个小错误,都要给服务器端要返回一串的错误信息.那么,我们何不同时拥有二者呢?不仅仅如此,我们还可以在客户端和服务器端使用同一个javascript函数来保证二者的完全一致性. 看看下面这一小段,请特别注意一下checkMyZip()函数.

  • VBscript教程 第五课 VBScript常数

    VB教程 > 第五课 VBScript常数 什么是常数? 常数是具有一定含义的名称,用于代替数字或字符串,其值从不改变.VBScript 定义了许多固有常数.详细信息,请参阅 VBScript 语言参考. 创建常数 您可以使用 Const 语句在 VBScript 中创建用户自定义常数.使用 Const 语句可以创建名称具有一定含义的字符串型或数值型常数,并给它们赋原义值.例如: Const MyString = "这是一个字符串."Const MyAge = 49 请注意字符串

  • JavaScript初级教程(第二课)第1/7页

    上一讲我们学了JavaScript出现在何处,看起来象什么.现在我们开始学习这种语言.本课我们将学习JavaScript如何存储信息,如何根据信息作决定,如何根据用户交互要求交替图片     准备好了吗? 现在开始学习电脑编程基础. 第一讲, 变量.     如果你学过代数,你一定见过变量.如果没学过也不要紧.变量是JavaScript存储信息的简单方式.例如,当你写:"x=2," "x"是一个变量,它存储值为2.如果而后你又说"y=x+3,",

  • JavaScript初级教程(第一课)第1/4页

    交互性!多数网站声称交互性即当你点击一个链接时到达一个新的页面,但严格道来甚至当网页中具有CGI语言时也并不意味它真正具有交互性.填好表格,按提交钮,等待......这就像往海中扔一个瓶子等候它自己飘回来一样. 幸运的是,现在我们有了Javascript, 于是网页可真正如你希望的那样交互作用.当鼠标移动到哪里,图片交换,表格元素在传递过程中即相互影响,无须等待CGI回复结果计算即可进行.没有任何提交 - 等待过程 - 任何事只是在你使用它时发生. Javascript最杰出之处在于你可以用很小

  • JavaScript进阶教程(第二课续)第1/2页

    现在你已经掌握了先进的字符串处理和相关数组概念,该是我们打开神奇的cookie魔瓶的时候了．cookie是记录访问你的站点的人的信息,它其实驻留在用户的硬盘上,即使用户已经离开你的站点,cookie在用户的硬盘上仍然存在,如果该用户再次返回你的站点,则该cookie就会被一起发回到你的服务器中,便于你统计和处理重复到访者的信息． 下面我们看一看一个cookie应用的典型例子,我们在一个网页中设置cookie,然后通过别的网页读取它．在使用该例子的时候,想想如果没有cookie,你如何做到这一点．

  • javascript asp教程第六课-- response方法

    javascript asp教程第六课-- response方法

    response 对象:reponse是asp中六个对象之一.它代表了服务器端对浏览器的回应.response有8种方法,9种属性和一个集.在这一课,我们就重点讲述方法.方法:在javascript中,asp方法使用括号.请注意依赖response.buffer的两个方法,我们将在下一课讲到他们.同样应该注意到addheader()和redirect(),因为他们必须优先于write()执行.所有的方法都在上面描述和演示了.下面我将详细讲述每一个方法.我将花点额外的时间来讲述我们用的最多的两个方

随机推荐