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

發布時間：2020-10-21 17:01:22 來源：億速云閱讀：2958 作者：Leah 欄目：web開發

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

動態的設置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選中取消，無反應，沒效果的原因的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

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

猜你喜歡

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

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

猜你喜歡

最新資訊

相關推薦

相關標簽