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 相关文章推荐
来自chinaz的ajax获取评论代码
May 03 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
再谈querySelector和querySelectorAll的区别与联系
Apr 20 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
小程序和web画三角形实现解析
Sep 02 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 模拟get_headers函数的代码示例
2013/04/27 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
Thinkphp5 自定义上传文件名的实现方法
2019/07/23 PHP
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
JavaScript实现计数器基础方法
2017/10/10 Javascript
谈谈JS中的!!
2017/12/07 Javascript
vue中监听返回键问题
2019/08/28 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
Js图片点击切换轮播实现代码
2020/07/27 Javascript
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
Python3几个常见问题的处理方法
2019/02/26 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
感恩节活动策划方案
2014/05/16 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
文明倡议书
2015/01/19 职场文书
出租车拒载检讨书
2015/01/28 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
2015初中团支部工作总结
2015/07/21 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
2016暑期社会实践心得体会范文
2016/01/14 职场文书
用 Python 定义 Schema 并生成 Parquet 文件详情
2021/09/25 Python