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