在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!"); } }
推荐阅读
JavaScript Try...Catch 声明的 使用方法
try...catch的作用是测试代码中的错误。 实例 try...catch声明 如何编写try...catch声明。 带有确认框的try...catch声明 另一个编写try...catch声明的例子。 JavaScript - 捕获错误 当我们在网上冲浪时,总会看>>>详细阅读
本文标题:JavaScript初级教程(第五课续)第1/3页
地址:http://www.17bianji.com/kaifa2/JS/30636.html
1/2 1