|
第八页：单选框(
)
在JavaScript中单选框的用法和复选框是否相似。不同之处 在于HTML中的应用。复选框是一种开关。如果一个复选框被
选中，你可以再点击后取消选取. 但如果单选框被选中，则 只能通过选取另外一个单选框才能取消对该单选框的选取。例：
在该例中，如果你打算取消对对一个单选框的选取，你必须
集电极另一个单选框。用这种概念我们可以用两个单选框的
设为代替一个复写纸的试着发式：
表单编码如下：
<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!");
}
}
这个例子很象前面的复选框例子，主要的区别在于该行：
该行指令指示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!");
}
}
>>
JavaScript教程
第一页 第五课课程介绍
第二页 介绍反馈表单
第三页 控制文字域的值
第四页 文字域事件
第五页 反馈表单处理器
第六页 文字域的练习
第七页 复选框
第八页 单选框
第九页 选单
第十页 在选单中应用onchange命令
|
