layui組件checkbox選中取消，無反應，沒效果的原因

layui組件checkbox選中取消，無反應，沒效果的原因？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

創新互聯長期為數千家客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為德州企業提供專業的成都網站制作、成都網站建設，德州網站改版等技術服務。擁有十多年豐富建站經驗和眾多成功案例,為您定制開發。

動態的設置checkbox的選中取消狀態，選中狀態。


$("input[type='checkbox']").each(function(){
$(this).prop('checked', false);
});

這樣設置按理來說是會產生效果的，可是結果往往有點出人意料，點擊取消全選沒有任何的效果，也沒有報錯。

后來查閱官方文檔后找到了原因

再每一次對layui 組件select,checkbox等操作后應該再進行渲染一遍。如下加入：form.render();


$("input[type='checkbox']").each(function(){
$(this).prop('checked', false);
});
layui.form.render();
//form.render("checkbox")
//兩種方式都可以

在打開頁面，操作成功。

問題二：如果根據后臺的數據想要動態的給checkbox賦值，每次賦值過后，在請求一次，會在原來選中的checkbox中添加新的選中數據，也就是說每一次的操作都在疊加，并沒有取消請求之前選中的checkbox.

解決方法，在每一次重新請求之前都把checkbox選中的取消掉，請求成功過后重新匹配值再選中。

請求之前：


$("input[type='checkbox']").each(function(){
$(this).prop('checked', false);
});
layui.form.render();

請求之后：


for (var i = 0; i < resdata.length; i++) {
$("input[type='checkbox']").each(function(){
if($(this).val()== resdata[i].SensorID){
$(this).prop('checked', true);
}
})
}
layui.form.render();

請求之后重新選中

切記每次操作后都需要form.render();

看完上述內容，你們掌握layui組件checkbox選中取消，無反應，沒效果的原因的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

網站欄目：layui組件checkbox選中取消，無反應，沒效果的原因
當前網址：http://m.kartarina.com/article22/jecejc.html

成都網站建設公司_創新互聯，為您提供服務器托管、手機網站建設、域名注冊、做網站、電子商務、網站營銷

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容