layui組件checkbox選中取消，無(wú)反應(yīng)，沒(méi)效果的原因？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

創(chuàng)新互聯(lián)長(zhǎng)期為數(shù)千家客戶(hù)提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為德州企業(yè)提供專(zhuān)業(yè)的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)，德州網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

動(dòng)態(tài)的設(shè)置checkbox的選中取消狀態(tài)，選中狀態(tài)。

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

這樣設(shè)置按理來(lái)說(shuō)是會(huì)產(chǎn)生效果的，可是結(jié)果往往有點(diǎn)出人意料，點(diǎn)擊取消全選沒(méi)有任何的效果，也沒(méi)有報(bào)錯(cuò)。

后來(lái)查閱官方文檔后找到了原因

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

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

在打開(kāi)頁(yè)面，操作成功。

問(wèn)題二：如果根據(jù)后臺(tái)的數(shù)據(jù)想要?jiǎng)討B(tài)的給checkbox賦值，每次賦值過(guò)后，在請(qǐng)求一次，會(huì)在原來(lái)選中的checkbox中添加新的選中數(shù)據(jù)，也就是說(shuō)每一次的操作都在疊加，并沒(méi)有取消請(qǐng)求之前選中的checkbox.

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

請(qǐng)求之前：

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

請(qǐng)求之后：

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();

請(qǐng)求之后重新選中

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

看完上述內(nèi)容，你們掌握l(shuí)ayui組件checkbox選中取消，無(wú)反應(yīng)，沒(méi)效果的原因的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站欄目：layui組件checkbox選中取消，無(wú)反應(yīng)，沒(méi)效果的原因
當(dāng)前網(wǎng)址：http://chinadenli.net/article22/jecejc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、域名注冊(cè)、做網(wǎng)站、電子商務(wù)、網(wǎng)站營(yíng)銷(xiāo)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)