javascript当中radio的用法

原创于 2019-03-21 09:10:47 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#radio #javascript #马克java社区 #马克-to-win # elements checked

javascript 专栏收录该内容

119 篇文章

订阅专栏

博客给出了一个JavaScript操作radio按钮的示例。通过定义clickH函数，当点击按钮时，若清华选项被选中，则将北大选项设为选中。代码包含HTML结构和JavaScript脚本，展示了如何在表单中操作radio元素。

5.radio
例 5.1（RadioReferenceIEFF.html）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <TITLE></TITLE>
    <SCRIPT LANGUAGE="JavaScript">
        function clickH()
        {
            var form = document.forms[0];

            if (form.school[0].checked)
            {
                form.school[1].checked = true;
            }
        }
    </SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
    清华<INPUT TYPE="radio" NAME="school" value="th" checked><br>
    北大<INPUT TYPE="radio" NAME="school" value="bd"><br>
    <INPUT TYPE="button" value="变" onClick="clickH()"/>
</FORM>
</BODY>
</HTML>

更多请见：https://blog.youkuaiyun.com/qq_43650923/article/details/102515515