jQuery实现 RadioButton做必选校验功能


Posted in jQuery onJune 15, 2017

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

按理说,页面上的若干个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.

以上所述是小编给大家介绍的jQuery实现 RadioButton做必选校验功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
jquery.pagination.js分页使用教程
Oct 23 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
jQuery ajax动态生成table功能示例
Jun 14 #jQuery
jQuery.form.js的使用详解
Jun 14 #jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 #jQuery
jquery+css实现侧边导航栏效果
Jun 12 #jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 #jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 #jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 #jQuery
You might like
Smarty模板快速入门
2007/01/04 PHP
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
让你的网站可编辑的实现js代码
2009/10/19 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
分页栏的web标准实现
2011/11/01 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
JavaScript检测鼠标移动方向的方法
2015/05/22 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
layui复选框限制选择个数的方法
2019/09/18 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
[01:35]2018完美盛典章节片——共竞
2018/12/17 DOTA
python写日志封装类实例
2015/06/28 Python
python一键升级所有pip package的方法
2017/01/16 Python
Python抓取框架Scrapy爬虫入门:页面提取
2017/12/01 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
python-docx修改已存在的Word文档的表格的字体格式方法
2018/05/08 Python
python实现文法左递归的消除方法
2020/05/22 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
《盲人摸象》教学反思
2014/02/16 职场文书
师德师风演讲稿
2014/05/05 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
北京故宫导游词
2015/01/31 职场文书
九华山导游词
2015/02/03 职场文书
倡议书范文大全
2015/04/28 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers
Python循环之while无限迭代
2022/04/30 Python