手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript初级教程(第五课续)第1/3页
JavaScript初级教程(第五课续)第1/3页
摘要:在JavaScript中单选框的用法和复选框相似。不同之处在于HTML中的应用。复选框是一种开关。如果一个复选框被选中,你可以再点击后取消选...

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

Larry

Moe

Curly

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

Light off

Light on

表单代码如下:

<form name="form_1">

<input type="radio" name ="radio_1">Light off

<input type="radio" name ="radio_2" 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下一页阅读全文

【JavaScript初级教程(第五课续)第1/3页】相关文章:

JavaScript数据结构与算法之链表

Javascript 高阶函数使用介绍

javascript的函数第1/3页

JavaScript的Date()方法使用详解

怎么用javascript进行拖拽第1/2页

用JavaScript实现页面重定向功能的教程

javascript小技巧 超强推荐第1/5页

JavaScript常用数组算法小结

JavaScript实际应用:innerHTMl和确认提示的使用

JavaScript中的bold()方法使用详解

精品推荐
分类导航