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 相关文章推荐
json 入门基础教程 推荐
Oct 31 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
php基于redis处理session的方法
Mar 14 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
在vue里使用codemirror遇到的问题
Nov 01 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
jquery+php后台实现省市区联动功能示例
May 23 jQuery
vue封装可复用组件confirm,并绑定在vue原型上的示例
Oct 31 Javascript
vue 中的动态传参和query传参操作
Nov 09 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使用Cookie控制访问授权的方法
2015/01/21 PHP
PHP页面间传递值和保持值的方法
2016/08/24 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
ThinkPHP实现的rsa非对称加密类示例
2018/05/29 PHP
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
vue脚手架vue-cli的学习使用教程
2017/06/06 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
js实现鼠标拖拽缩放div实例代码
2019/03/25 Javascript
Vue.set 全局操作简单示例
2019/09/19 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
写了个监控nginx进程的Python脚本
2012/05/10 Python
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
如何基于python操作excel并获取内容
2019/12/24 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
钳工实训报告总结
2014/11/04 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
争先创优个人总结
2015/03/04 职场文书
python Tkinter模块使用方法详解
2022/04/07 Python
Python中time标准库的使用教程
2022/04/13 Python