JavaScript初級教程(第五課續)第1/3頁

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

這個例子很象前面的複選框例子，主要的區別在於該行：

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