layui 動態(tài)設(shè)置checbox 選中狀態(tài)的例子
更新時間：2019年09月02日 14:44:38 作者：blowDestiny
今天小編就為大家分享一篇layui 動態(tài)設(shè)置checbox 選中狀態(tài)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近在使用layui前端框架，在使用單選按鈕、下拉菜單select、checkbox等控件的時候 往往遇到一些初始化的東西。
有時候會發(fā)現(xiàn)，自己動態(tài)append進去的代碼要不就是沒有顯示，要不就是初始化默認選中出問題。
以上這些情況進行了測試：
第一種情況：動態(tài)append()html代碼后沒有顯示空間的解決方案：
添加
layui.form.render();//重新渲染 可以解決多種沒有顯示的情況
第二種情況：動態(tài)設(shè)置默認選中狀態(tài)沒有效果解決方案：
細分為兩種情況：
（1）在html頁面代碼下(沒有在layer初始化框架中，即沒有在layui.use([], function(){ }) 中進行初始化）
以初始化checkbox默認選中為例：
$('.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 動態(tài)設(shè)置checbox 選中狀態(tài)的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS使用遮罩實現(xiàn)點擊某區(qū)域以外時彈窗的彈出與關(guān)閉功能示例
這篇文章主要介紹了JS使用遮罩實現(xiàn)點擊某區(qū)域以外時彈窗的彈出與關(guān)閉功能,結(jié)合實例形式分析了javascript事件響應(yīng)及頁面元素屬性動態(tài)操作彈出與關(guān)閉遮罩層相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家介紹了開發(fā)一個微信小程序?qū)崙?zhàn)快速入門教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-04-04
JavaScript取得鼠標(biāo)絕對位置程序代碼介紹
文章介紹了關(guān)于JavaScript在不同瀏覽器下取得鼠標(biāo)絕對位置相關(guān)函數(shù)用法及兼容性介紹，有需要的同學(xué)可參考一下2012-09-09
console對象是JavaScript的原生對象，它有點像Unix系統(tǒng)的標(biāo)準輸出stdout和標(biāo)準錯誤stderr，可以輸出各種信息用來調(diào)試程序，而且還提供了很多額外的方法，供開發(fā)者調(diào)用。它的常見用途有兩個。顯示網(wǎng)頁代碼運行時的錯誤信息。提供了一個命令行接口，用來與網(wǎng)頁代碼互動。2016-08-08
DeviceOne 讓你一見鐘情的App快速開發(fā)平臺
DeviceOne是一個非常先進的App開發(fā)平臺，使用Javascript 構(gòu)建原生體驗的移動應(yīng)用程序，DeviceOne主要關(guān)注外觀和體驗，以及和你的應(yīng)用程序的 UI 交互2016-02-02
這篇文章主要為大家詳細介紹了Bootstrap CSS布局之表格的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12![js調(diào)試系列 源碼定位與調(diào)試[基礎(chǔ)篇]](http://img.jbzj.com/images/xgimg/bcimg6.png)
js調(diào)試系列 源碼定位與調(diào)試[基礎(chǔ)篇]
如果看了1, 2兩篇，你對控制臺應(yīng)該有一個初步了解了，今天我們來個簡單的調(diào)試。昨天留的三個課后練習(xí)，差不多就是今天要講的內(nèi)容2014-06-06
這篇文章主要介紹了微信小程序進入廣告實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
JavaScript獲得頁面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細 介紹了JS實現(xiàn)可視化文件上傳，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09