JS 判断单选框(radio)是否被选中

最新推荐文章于 2023-02-14 11:48:52 发布

转载最新推荐文章于 2023-02-14 11:48:52 发布 · 1w 阅读

文章标签：

#input #button #function

HTML 同时被 2 个专栏收录

23 篇文章

订阅专栏

代码收藏

10 篇文章

订阅专栏

本文介绍了一种使用JavaScript来检查HTML表单中多个checkbox选择状态的方法，并通过一个具体示例展示了如何实现这一功能。该方法可以确保至少有一个选项被选中，并能够显示用户选择了哪些值。

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

<html>
<head>
    <title>JS 判断 radio 单选按钮是否选中</title>
<script type="text/javascript">
   function ValidateRadio()
   {
     var radioSelete = "Nothing"
     var seletedValue = "";
     for(i=0;i<document.form1.rValue.length;i++)
     {
        if(document.form1.rValue[i].checked)
        {
         radioSelete = "seleted";
         seletedValue += document.form1.rValue[i].value + "     ";
        }
     }
     if(radioSelete == "Nothing")
     {
       alert("您一个都还没选呢！");
       return false;
     }
     else
     {
        alert("您选中了："+seletedValue);
        return true;
     }
   }
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" name="rValue" value="四川">四川
<input type="checkbox" name="rValue" value="江苏">江苏
<input type="checkbox" name="rValue" value="南京">南京
<input type="checkbox" name="rValue" value="天津">天津
<input type="checkbox" name="rValue" value="上海">上海
<input type="button" onclick="return ValidateRadio()" value="验证">
</form>
</body>
</html>