您的位置:首页 > 产品设计 > UI/UE

layui的checkbox选中赋值?

2018-01-30 14:36 351 查看

layui的checkbox选中赋值?

啥都不说,先贴代码:

var openTakeaway = j.data.openTakeaway;
if (openTakeaway != 1) {
  $("#openTakeaway").attr("checked","checked");
 } else {
  $("#openTakeaway").remove("checked");
 }
 form?form.render("checkbox"):null;

代码说明:

1.判断开关是否是开,是就使用jQuery赋值;
2.赋值完成后,需要用【form.render()】重新渲染页面。

form.render('select') 是初始化所有的select 选项.

为什么表单不显示?

当你使用表单时,Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)


JavaScriptlayui.code

layui.use('form', function(){
var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功

//……

//但是,如果你的HTML是动态生成的,自动渲染就会失效
//因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init();
form.render();
});

请访问官网再进行Ctrl+F搜索(render)

http://www.layui.com/doc/base/faq.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  layUI