Jquery实现 RadioButton做必选校验

最新推荐文章于 2024-06-11 10:54:21 发布

誉尚斌承

最新推荐文章于 2024-06-11 10:54:21 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Radio Button做必选校验。文章标签： radio button

本文链接：https://blog.youkuaiyun.com/yushangbincheng/article/details/73278754

Radio Button做必选校验。专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用 Jquery 在用户触发事件时进行 Radio Button 的必选校验，处理特殊情况下的未选中状态。

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

关于这个问题，百度里说法纷纷，大都无用，或者说版本太老太罗嗦，这里介绍一个可借鉴的用法：

按理说，页面上的若干个Radio Button 在页面加载初始化时，是默认选中第一个的，但总是避免不了一些特殊的需求——所有的单选按钮都不选中，仅当用按钮触发事件时再去做必选校验。例如：

<div class="col-xs-4 col-sm-4 col-md-4">
      <div class="radio col-mr-20">
         @Html.RadioButtonFor(m => m.Materielcategory, "电子物料", new { data_label = "电子物料", name = "Materielcategory", @readonly = "readonly" })
      </div>
      <div class="radio col-mr-20">
          @Html.RadioButtonFor(m => m.Materielcategory, "其他", new { data_label = "其他", name = "Materielcategory", @readonly = "readonly" })
      </div>
</div>

我是这样使用JQuery去实现的：

//物料分类做必选校验
        function TongyiBefore() {
           var Materielcategory = $(":radio[name=Materielcategory]:checked").val();
           if (Materielcategory == null) {
               layer.alert("请先选择物料分类！", { icon: 7 });
               return;
           }
               
        }

注意：Materielcategory 变量在不选值的情况下是undefined的，也可以认为是null.

以上。