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="
随机推荐
- 用js实现的一个Flash滚动轮换显示图片代码生成器
- 进程监控实现代码[vbs+bat]
- Python利用正则表达式匹配并截取指定子串及去重的方法
- 基于进程内通讯的python聊天室实现方法
- Openstack 启动instance 'hvm'错误问题解决办法
- 解析C++编程中的bad_cast异常
- php读取xml实例代码
- Javascript验证用户输入URL地址是否为空及格式是否正确
- ASP+XML留言板介绍
- JSP教程(五)-JSP Actions的使用下
- ipvs模块的管理工具ipvsadm介绍
- Lua性能优化技巧(一):前言
- Android实现底部弹窗效果
- jQuery使用DataTable实现删除数据后重新加载功能
- C++中声明类的class与声明结构体的struct关键字详解
- Android编程中号码匹配位数修改的方法
- Java微信公众平台开发(11) 微信三大平台的关联
- C语言栈顺序结构实现代码
- 基于JDK8总结java中的interrupt
- 浅谈c++ hook 钩子的使用介绍