最近在使用layui前端框架，在使用單選按鈕、下拉菜單select、checkbox等控件的時(shí)候 往往遇到一些初始化的東西。

有時(shí)候會(huì)發(fā)現(xiàn)，自己動(dòng)態(tài)append進(jìn)去的代碼要不就是沒(méi)有顯示，要不就是初始化默認(rèn)選中出問(wèn)題。

以上這些情況進(jìn)行了測(cè)試：

第一種情況：動(dòng)態(tài)append()html代碼后沒(méi)有顯示空間的解決方案：

添加

layui.form.render();//重新渲染 可以解決多種沒(méi)有顯示的情況

第二種情況：動(dòng)態(tài)設(shè)置默認(rèn)選中狀態(tài)沒(méi)有效果解決方案：

細(xì)分為兩種情況：

（1）在html頁(yè)面代碼下(沒(méi)有在layer初始化框架中，即沒(méi)有在layui.use([], function(){ }) 中進(jìn)行初始化）

以初始化checkbox默認(rèn)選中為例：

$('.xxx').attr("checked", true); //注意這里使用的是attr()layui.form.render(); //重新渲染顯示效果

（2）在layui.use(); 初始化中初始化一般這種情況會(huì)出現(xiàn)在調(diào)用api接口錯(cuò)誤之后使用不然checkbox改變狀態(tài)

layui.use(['form','layer'],function(){ var form = layui.form  layer = parent.layer === undefined ? layui.layer : top.layer,  $ = layui.jquery; if ($('.xxxx').attr("checked") === "checked") { //判斷是否選中     $('.xxxx').prop("checked", true); //設(shè)置選中 注意這里使用的是prop(), 這里要是使用了attr()是無(wú)效的   } else {     $('.xxxx').prop("checked", false);   }    form.render(); //重新渲染});

以上這篇layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。