layui checkbox回顯問題


正常回顯的方法
<input type="checkbox" id="checkbox" lay-skin="primary" class="layui-input">
<button id="button">點擊回顯</button>

layui.config({
    base: '../lib/layuiadmin/' }).use(['table'], function() { //點擊按鈕觸發方法回顯 $("#button").click(function() { $("#checkbox").prop("checked", true);//false 為取消選中 layui.form.render(); }) }); 
          
//也可用class獲取元素方法(可以批量獲取)
<input type="checkbox" id="wyxChickBox" lay-filter="wyx"   class="checkClass"  lay-skin="primary" >
var item = $(".checkClass"); //試了好多種取值的方法都取不到值,最后發現可以通過class獲取元素 
item.each(function () {//批量回顯
if (zddy_json['' + $(this)['context'].name + ''] == "1") {
$(this).prop("checked", true);
}
})
form.render();//別忘了刷新 

總結 :回顯的核心思路就是獲取到元素,將checked賦值為true即可。

作者在回顯時遇到一個奇怪的問題  (通過id或name無法獲取元素)最后只能通過class來獲取屬性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM