input中radio用法

最新推荐文章于 2025-06-07 22:15:50 发布

Claire_ljy

最新推荐文章于 2025-06-07 22:15:50 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dzhjhp/p/4710594.html

本文介绍了一个使用JavaScript控制HTML中Radio按钮的选择状态的简单示例。通过点击不同的选项，可以触发不同的JavaScript事件处理函数，从而实现对不同状态的响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="radio" name="type" runat="server" value="0" onclick="OnChanged()" checked= true/>（radio选择框后面显示的）内容1 //默认选择项
<input type="radio" name="type" runat="server" value="1" onclick="OnChanged()" />内容2

JS控制函数：

function OnChanged() {
            var radio = document.getElementsByName("type");
            if (radio[0].checked) {
                //第一个radio被选中后触发的事件
            }
            else {
                //第二个radio被选中后触发的事件
            }
        }

转载于:https://www.cnblogs.com/dzhjhp/p/4710594.html