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 相关文章推荐
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
javascript封装简单实现方法
Aug 11 Javascript
论JavaScript模块化编程
Mar 07 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 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之PHP语法学习笔记1
2006/12/17 PHP
PHP 远程关机实现代码
2009/11/10 PHP
php 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
Yii使用技巧大汇总
2015/12/29 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
详解JS: reduce方法实现 webpack多文件入口
2017/02/14 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
vue项目部署到Apache服务器中遇到的问题解决
2018/08/24 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
python如何通过twisted实现数据库异步插入
2018/03/20 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python基于SMTP协议发送邮件
2019/05/31 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
暇步士官网:Hush Puppies
2016/09/22 全球购物
工商学院毕业生自荐信
2013/11/12 职场文书
毕业生实习证明
2014/09/19 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
工作保证书
2015/01/17 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
Win11控制面板快捷键是什么?Win11打开控制面板的方法汇总
2022/07/07 数码科技