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

123下一页阅读全文
标签:
JavaScript初级教程(第五课续)

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“JavaScript初级教程(第五课续)第1/3页”

暂无“JavaScript初级教程(第五课续)第1/3页”评论...