layui radio性别单选框赋值方法
Html
<div class="layui-inline"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" name="sex" id="sex" value="1" title="男" > <input type="radio" name="sex" id="sex" value="2" title="女"> </div> </div>
JS
layui.use('form', function () { var $ = layui.jquery, form = layui.form; $.ajax({ type: "post", url: "/Shared/GetPiDate", data: {}, async: true, dataType: "json", success: function (data) { $("input[name=sex][value=1]").attr("checked", data.UserSex == 1 ? true : false); $("input[name=sex][value=2]").attr("checked", data.UserSex == 2 ? true : false); form.render(); //更新全部 } } });
赋值之后需要用form.render(); ,不然看不到效果。
以上这篇layui radio性别单选框赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
layui中使用jquery控制radio选中事件的示例代码
勾选 form.on('radio(yesHave)', function (data) { $("input[name='hasPrepaidVoucher'][title='有']").attr('checked',true); form.render(); }); 取消勾选 form.on('radio(noIssuer)', function (data) { debugger; $("input[name='voucherIssuer']").remove
-
关于jquery layui弹出层的使用方法
Jquery必须大于1.83 layui必须是all,否则不显示 <script src="../js/jquery-1.8.3.min.js"></script> <script src="../layui/layui.all.js"></script> html代码 <input id="about" type="button" value="修改考勤&quo
-
layui radio性别单选框赋值方法
Html <div class="layui-inline"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" name="sex" id="sex" value="1" t
-
jQuery简单实现遍历单选框的方法
本文实例讲述了jQuery简单实现遍历单选框的方法.分享给大家供大家参考,具体如下: 1.问题背景: 有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选框,就将其值赋值给输入框 2.实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>遍历单选框</title> <script type="text/ja
-
layui的layedit富文本赋值方法
layedit赋值方法如下 /** * 设置编辑器内容 * @param {[type]} index 编辑器索引 * @param {[type]} content 要设置的内容 * @param {[type]} flag 是否追加模式 */ layedit.setContent(index, content, flag); flag是true,是追加模式, flag是false,赋值模式 以上这篇layui的layedit富文本赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,
-
JQuery判断radio(单选框)是否选中和获取选中值方法总结
一.利用获取选中值判断选中 直接上代码,别忘记引用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"> <
-
layui radio单选限制下一个radio单选的实例
本demo的效果是单选框一有a和b两个选项按钮,单选框二有q和w两个选项按钮, 选中a,使得q不可选,w选中:选中b,使得w不可选,q选中 下面是完整的代码,需要引入layui.js,layui.css <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="rendere
-
vue.js实现单选框、复选框和下拉框示例
Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框 在传统的HTML中实现单选框的方法如下: <div id="app"> <input type="radio" name="gender" value="man" id="man"/><label
-
jquery 操作单选框,复选框,下拉列表实现代码
1.复选框全选操作:其实说到底就是对Jquery 选择器的运用,点我查看Jquery选择器 html代码: 复制代码 代码如下: <form> 您爱好的运动是: <input type="checkbox" name="item" value="football"/> football <input type="checkbox" name="item" value="
-
layui 实现自动选择radio单选框(checked)的方法
HTML表单: <div class="layui-form-item"> <label class="layui-form-label">消息通知</label> <div class="layui-input-block"> <input name="is_notice" value="1" type="radio" title=
-
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
若是只引用jquery的话,监听单选按钮改变事件如下: <input type="radio" name="sex" checked="checked" value="1">男 <input type="radio" name="sex" value="2">女 $(document).ready(function() { $('input[t
-
jquery单选框radio绑定click事件实现方法
本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="
随机推荐
- ASP小偷程序如何利用XMLHTTP实现表单的提交
- VBS 强制关闭Symantec Endpoint Protection的代码
- 插件:检测javascript的内存泄漏
- JavaScript使用RegExp进行正则匹配的方法
- JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
- 延长phpmyadmin登录时间的方法
- asp javascript在线管理
- C++编程中使用设计模式中的policy策略模式的实例讲解
- js选取多个或单个元素的实现代码(用class)
- 详解JS中Array对象扩展与String对象扩展
- JavaScript中访问id对象 属性的方式访问属性(实例代码)
- js装载xml文件然后发向服务器的实现代码
- Linux中僵尸进程和孤儿进程详解
- Python中的rjust()方法使用详解
- asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码)
- VS2010/MFC编程(常用控件:树形控件Tree Control控件创建h和实例)
- 获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
- C#语言中的修饰符汇总
- 用vue2.0实现点击选中active其他选项互斥的效果
- mysql max 与 where 间的执行问题小结