javascript判断单选框是否选中

最新推荐文章于 2022-09-12 21:46:40 发布

转载最新推荐文章于 2022-09-12 21:46:40 发布 · 6.1k 阅读

本文介绍了一种使用JavaScript来判断HTML页面上单选按钮是否被选中的方法。通过为相同名称的单选按钮组注册点击事件，当用户选择任一选项时，将触发警报显示所选值。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>判断单选框是否选中</title>
</head>
<body>
<input type="radio" value="选我1" name="gander">
<input type="radio" value="选我2" name="gander">
<script>
    window.onload=function(){
        var ganders=document.getElementsByName("gander"),length=ganders.length,i=0;
            for(;i<length;i++){
                   ganders[i].onclick=function(){
                       this.checked&&alert(this.value); //如果当前点击的单选框被选中，则输出当前单选框的值
                   };
            }
    }
</script>
</body>
</html>