建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
使用layui怎么動態(tài)設(shè)置checbox選中狀態(tài)-創(chuàng)新互聯(lián)
使用layui怎么動態(tài)設(shè)置checbox 選中狀態(tài)？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
第一種情況：動態(tài)append()html代碼后沒有顯示空間的解決方案：
添加
layui.form.render();//重新渲染 可以解決多種沒有顯示的情況
第二種情況：動態(tài)設(shè)置默認(rèn)選中狀態(tài)沒有效果解決方案：
細(xì)分為兩種情況：
（1）在html頁面代碼下(沒有在layer初始化框架中，即沒有在layui.use([], function(){ }) 中進(jìn)行初始化）
以初始化checkbox默認(rèn)選中為例：
$('.xxx').attr("checked", true); //注意這里使用的是attr()
layui.form.render(); //重新渲染顯示效果（2）在layui.use(); 初始化中初始化一般這種情況會出現(xiàn)在調(diào)用api接口錯誤之后使用不然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()是無效的
} else {
$('.xxxx').prop("checked", false);
}
form.render(); //重新渲染
});layui是什么layui是一款采用自身模塊規(guī)范編寫的前端UI框架，它遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，適合新手，并且它還提供了豐富的內(nèi)置模塊，他們皆可通過模塊化的方式按需加載，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)，能夠作為PC網(wǎng)頁端后臺系統(tǒng)與前臺界面的速成開發(fā)方案。
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。
網(wǎng)頁題目：使用layui怎么動態(tài)設(shè)置checbox選中狀態(tài)-創(chuàng)新互聯(lián)
URL分享：http://www.dlmjj.cn/article/pesoe.html
