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实现文章图片弹出放大效果
Apr 06 jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
jquery html添加元素/删除元素操作实例详解
May 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/06/29 PHP
php获取后台Job管理的实现代码
2011/06/10 PHP
PHP如何解决网站大流量与高并发的问题
2011/06/25 PHP
php通过COM类调用组件的实现代码
2012/01/11 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
JS 统计时间
2021/03/09 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
JS操作HTML自定义属性的方法
2015/02/10 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
Python实现批量转换文件编码的方法
2015/07/28 Python
Python之py2exe打包工具详解
2017/06/14 Python
Python imread、newaxis用法详解
2019/11/04 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
计算机网络毕业生自荐信
2013/10/01 职场文书
医学专业五年以上个人求职信
2013/12/03 职场文书
甘南现象心得体会
2014/09/11 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
学生个人评语大全
2015/01/04 职场文书
土地租赁协议书
2015/01/29 职场文书
评职称个人总结
2015/03/05 职场文书
手机销售员岗位职责
2015/04/11 职场文书
教师节班会开场白
2015/06/01 职场文书
父亲去世追悼词
2015/06/23 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书