您的位置：寻梦网首页＞编程乐园＞JavaScript＞Javascript入门到精通
Javascript 入门到精通

第 1 天 第 2 天 第 3 天 第 4 天 第 5 天
第 8 页：单选框
作者：Thau!
在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页：第5日课程介绍
第2页：介绍反馈表单
第3页：控制文字域的值
第4页：文字域事件
第5页：反馈表单处理器
第6页：文字域的练习
第7页：复选框
第8页：单选框
第9页：选单
第10页：在选单中应用onchange命令

　



本内容由搜狐网站（www.sohoo.com.cn）提供。