jQuery实现 RadioButton做必选校验功能
更新时间：2017年06月15日 14:09:06 作者：誉尚斌承
这篇文章主要介绍了jQuery实现 RadioButton做必选校验功能的相关资料,需要的朋友可以参考下
关于这个问题，百度里说法纷纷，大都无用，或者说版本太老太罗嗦，这里介绍一个可借鉴的用法：
按理说，页面上的若干个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方面的知识，学习中遇到一定的困难，一些知识不得不查看官方的文档，在用到end()方法时，被一个小例子搞得有点晕。2011-07-07
这篇文章主要介绍了基于jQuery实现返回顶部实例代码的相关资料,需要的朋友可以参考下2016-01-01
jQuery基于ajax()使用serialize()提交form数据的方法
这篇文章主要介绍了jQuery基于ajax()使用serialize()提交form数据的方法,结合实例形式较为详细的分析了jQuery使用ajax提交serialize序列化后的表单数据的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
数据量很大的情况下使用Ajax去实现真的不合适，于是想采用Jquery来实现方法，具体的示例代码如下，有需求的朋友可以参考下希望对大家有所帮助2013-08-08
这篇文章主要介绍了jQuery实现的一个自定义Placeholder属性插件,本文最后附有插件完整源码,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了如何实时监测input输入框内容，具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。2017-08-08
HTML5使用DeviceOrientation实现摇一摇功能
这篇文章主要介绍了HTML5使用DeviceOrientation实现摇一摇功能的相关资料,需要的朋友可以参考下2015-06-06
使用jquery读取html5 localstorage的值的方法
在HTML 5中，localstorage是个不错的东西，在支持localstorage的浏览器中， 能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值,很不错的一个东西，接下来实例介绍，需要的朋友可以参考下2013-01-01
jQuery EasyUI API 中文文档 - NumberBox数字框
jQuery EasyUI API 中文文档 - NumberBox数字框使用介绍，需要的朋友可以参考下。2011-10-10
如果想要查找到有icon这个class的span除了用原始的代码还可以用父级查询的方法进行定位，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
最新评论