layui 实现自动选择radio单选框(checked)的方法


Posted in Javascript onSeptember 03, 2019

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="通知" checked="">
    <input name="is_notice" value="0" type="radio" title="不通知">
   </div>
</div>

JS用ajax去后端取回数据:

$.get( 
  "{:url('user/xxxx')}",
  {'id':adminId},
  function(d){
    //设置是否通知
    if(d.is_notice == 0){
     $("input[name=is_notice][value=1]").prop("checked","false");
     $("input[name=is_notice][value=0]").prop("checked","true");
    }
    form.render(); //更新全部
   }
);

切记最后的form.render(); 不能漏

(layui使用之前引入操作省略)

mark it.

以上这篇layui 实现自动选择radio单选框(checked)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
javaScript中的空值和假值
Dec 18 Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 Javascript
js canvas实现俄罗斯方块
Oct 11 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 #Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 #Javascript
Layui 动态禁止select下拉的例子
Sep 03 #Javascript
解决Layui中layer报错的问题
Sep 03 #Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 #Javascript
element ui分页多选,翻页记忆的实例
Sep 03 #Javascript
JavaScript创建、读取和删除cookie
Sep 03 #Javascript
You might like
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
DOM基础教程之使用DOM控制表格
2015/01/20 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
微信小程序 教程之条件渲染
2016/10/18 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
2017/02/28 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
vue-rx的初步使用教程
2018/09/21 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
python采集百度搜索结果带有特定URL的链接代码实例
2019/08/30 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
python 实现性别识别
2020/11/21 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
印度网上药店:1mg
2017/10/13 全球购物
小学生自我评价范例
2013/09/24 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
幼儿教师求职信
2014/05/24 职场文书
努力学习保证书
2015/02/26 职场文书
公司与个人合作协议书
2016/03/19 职场文书
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
python双向链表实例详解
2022/05/25 Python