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获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
-.获取dropdownlist的text(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签) $("#ddlList option:selected").text() 二.获取dropdownlist的value(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签) $("#ddlList").val() 三.获取radiobuttonlist的t
-
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
一: DropDownList ------------------------------------------------------------------------------------------- 在使用 JQuery 进行遍历操作时, $("input").each(function(i) { ...... } 当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为"select-one") 获
-
asp.net使用jQuery获取RadioButtonList成员选中内容和值示例
复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o
-
基于jquery自定义的漂亮单选按钮RadioButton
继续分享web前端自定义控件,今天所要分享的控件是单选按钮,希望对你有收获,有好的建议也希望能留言给我.代码如下: Html代码如下: 复制代码 代码如下: <div style="margin:50px;float:left;"> <b class="radio" _txt="单选我"></b> <b class="radio" _txt="单选你"><
-
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
1.jquery 获取单选组radio$("input[name='name']:checked").val(); 2.jquery获取radiobutton的下一个值$("input[name='name']:checked").next().text()$("input[name='name']:checked").val() 3.jquery 获取input的值$('#id').val() 4.jquery判断多选框checkbox$(&q
-
jquery判断RadioButtonList和RadioButton中是否有选中项示例
复制代码 代码如下: <pre class="html" name="code"> <%--Body 代码--%> <div> <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem Value="A">a</asp:ListItem> <a
-
jQuery中RadioButtonList的功能及用法实例介绍
代码分析 复制代码 代码如下: $("#<%= ibSubmit.ClientID%>").click(function() { var flag = true; //alert($("table[id^=ctl]").length); //创建一个checked的arr数组,用于存储每个radiobutton的checked情况 var arr = new Array; $("table[id^=ctl] input[type=radio]&
-
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('check
-
jQuery实现 RadioButton做必选校验功能
关于这个问题,百度里说法纷纷,大都无用,或者说版本太老太罗嗦,这里介绍一个可借鉴的用法: 按理说,页面上的若干个Radio Button 在页面加载初始化时,是默认选中第一个的,但总是避免不了一些特殊的需求--所有的单选按钮都不选中,仅当用按钮触发事件时再去做必选校验.例如: <div class="col-xs-4 col-sm-4 col-md-4"> <div class="radio col-mr-20"> @Html.RadioBu
-
基于BootStrap与jQuery.validate实现表单提交校验功能
谈谈表单校验 这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤为重要. 直接看demo:http://www.suchso.com/code/bootstrapvalidate/ 用户注册和登录其实往往比我们想象的难.就比如表单校验,里面涵盖的内容其实挺多,就前台而言,你需要了解: 1.正则表达式的基本了解 其实正则并不难,并且在学会后能带给你极
-
Android控件RadioButton实现多选一功能
RadioButton实现多选一功能的方法,具体内容如下 一.简介 二.RadioButton实现多选一方法 1.将多个RadioButton放在一个RadioGroup里面 <RadioGroup android:id="@+id/radioGroup1" android:layout_width="match_parent" android:layout_height="wrap_content" > <RadioButto
-
Spring Cloud Gateway 使用JWT工具类做用户登录校验功能
1. JWT测试 /** * @Auther: csp1999 * @Date: 2021/01/24/19:29 * @Description: JWT测试 */ public class JwtTest { /** * 创建Jwt令牌: * * JWT = 头部Header + 载荷playload + 签名signature */ @Test public void testCreateJwt() { // 构建jwt令牌 // 1.头部Header: 描述关于该JWT的最基本的信息,例如
-
JQuery实现列表中复选框全选反选功能封装(推荐)
我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: 我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id,class,现在想想我都不好意思叫他封装了),然后想到之前老大有写过这个功能去看下他怎么写的,真是没有对比就没有伤害啊,这才叫封装: $(':checkbox[data-check-target]').click(function () { var target = $(this).attr(
-
基于jQuery实现复选框的全选 全不选 反选功能
本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家. jQuery代码: 复制代码 代码如下: $(function(){ $("#checkedAll").click(function(){ $('[name=items]:checkbox').attr('checked',true); }); $("#checkedNo&quo
-
基于jquery实现复选框全选,反选,全不选等功能
jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明.设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <in
-
jquery与js实现全选功能的区别
一.jquery常用的事件 click(),dbclick() focus(),blur() change() keydown(),keypress(),keyup() mousedown(),mouseup() mouseenter(),mouseleave() mouseover(),mouseout() mousemove() 二.jquery挂事件 $("p").bind("事件名称",要执行的匿名函数) $("p").unbi
-
jquery实现简单的全选和反选功能
首先我们看个简单的实例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"&g
-
简单实现jQuery多选框功能
Jquery多选框的基本操作:支持全选.反选.取消全选的功能 HTML正文: <input type="checkbox" id="c1">全选/全不选<br> 兴趣爱好:<br> <input type="checkbox" name="interst" value="basketball">篮球 <input type="checkbox&
随机推荐
- python下载文件记录黑名单的实现代码
- java Lucene 中自定义排序的实现
- linux和windows下的自动ftp脚本(shell bat)
- python在windows下实现ping操作并接收返回信息的方法
- bootstrap组件之按钮式下拉菜单小结
- PHP MemCached高级缓存配置图文教程
- 浅谈javascript中的call、apply、bind
- 路由器之基本维护经验
- 详解C++编程中的析构函数
- 利用 window_onload 实现select默认选择
- ASP 中使用 HTTP 协议发送参数详解
- windows上git每次重复输入账号密码问题解决
- 浅析Android代码质量管理
- SpringBoot Admin用法实例讲解
- linux 比较两个文件夹diff不同 (diff命令, md5列表)
- Centos7的Firewalld防火墙基础命令详解
- 微信小程序服务器日期格式化问题
- 基于python 取余问题(%)详解
- Python数据可视化实现多种图例代码详解
- Python实现删除某列中含有空值的行的示例代码