layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子
最近在使用layui前端框架,在使用單選按鈕、下拉菜單select、checkbox等控件的時(shí)候 往往遇到一些初始化的東西。
有時(shí)候會(huì)發(fā)現(xiàn),自己動(dòng)態(tài)append進(jìn)去的代碼要不就是沒有顯示,要不就是初始化默認(rèn)選中出問題。
以上這些情況進(jìn)行了測試:
第一種情況:動(dòng)態(tài)append()html代碼后沒有顯示空間的解決方案:
添加
layui.form.render();//重新渲染 可以解決多種沒有顯示的情況
第二種情況:動(dòng)態(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(); 初始化中初始化一般這種情況會(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()是無效的 } else { $('.xxxx').prop("checked", false); } form.render(); //重新渲染 });
以上這篇layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
使用js Math.random()函數(shù)生成n到m間的隨機(jī)數(shù)字
何使用js生成n到m間的隨機(jī)數(shù)字,主要目的是為后期的js生成驗(yàn)證碼做準(zhǔn)備,Math.random()函數(shù)返回0和1之間的偽隨機(jī)數(shù)2014-10-10使用iframe window的scroll方法控制iframe頁面滾動(dòng)
在頁面中如何控制內(nèi)嵌的iframe滾動(dòng)呢?方法是使用iframe window的scroll方法,大家可以參考下面的示例2014-03-03JavaScript實(shí)現(xiàn)網(wǎng)頁播放器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁播放器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09js操作二級(jí)聯(lián)動(dòng)實(shí)現(xiàn)代碼
網(wǎng)上二級(jí)(多級(jí))聯(lián)動(dòng)的例子也不少,有各種不同的操作方法。我所采用的方法網(wǎng)上也應(yīng)該有的,不過我還沒有看到過。2010-07-07html+js實(shí)現(xiàn)簡單的計(jì)算器代碼(加減乘除)
下面小編就為大家?guī)硪黄猦tml+js實(shí)現(xiàn)簡單的計(jì)算器代碼(加減乘除)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07confirm確認(rèn)對話框的實(shí)現(xiàn)方法總結(jié)
下面小編就為大家?guī)硪黄猚onfirm確認(rèn)對話框的實(shí)現(xiàn)方法總結(jié)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06JavaScript利用append添加元素報(bào)錯(cuò)的解決方法
這篇文章主要介紹了JavaScript利用append添加元素報(bào)錯(cuò)的解決方法,需要的朋友可以參考下2014-07-07