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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
jQuery属性选择器用法实例分析
Jun 28 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
jquery向后台提交数组的代码分析
Feb 20 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
PHP教程 预定义变量
2009/10/23 PHP
初品cakephp 入门基础
2012/02/16 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
vue数据双向绑定原理解析(get &amp; set)
2017/03/08 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
深入浅析javascript继承体系
2017/10/23 Javascript
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
JavaScript setTimeout()基本用法有哪些
2020/11/04 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
python 链接和操作 memcache方法
2017/03/04 Python
Python遍历numpy数组的实例
2018/04/04 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
python实现五子棋程序
2020/04/24 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
Unix控制后台进程都有哪些进程
2016/09/22 面试题
超市中秋节活动方案
2014/02/12 职场文书
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
务工证明怎么写
2015/06/18 职场文书
保姆聘用合同
2015/09/21 职场文书