关于form表单中switch,select等动态选中,每次要手动去改元素样式才行,可否改进?

建议 未结
5 329
xiaoqiu_net
xiaoqiu_net 2017-12-26
悬赏:20飞吻
最近使用了form,发现里面的元素不能动态选中,每次要手动去改元素的样式来标识是否选中。
场景:
编辑行,弹出框,数据状态都没法直接调用jq方法选中,原因是form表单是在原始DOM上改造了的。
如我要switch是启用状态:
if(seriesInfo.Status==='A'){
$("#Status").next().addClass("layui-form-onswitch");
}else{
$("#Status").next().removeClass("layui-form-onswitch");
}

select动态选中:
var $div = $(id).next();
$div.find('.layui-this').removeClass('layui-this');
$div.find('div input').val(name || ""); //设置选中显示值 如果为undefined 就置空
if(value !== undefined && value!=="") //选中值
$div.find('dl dd[lay-value="'+value+'"]').addClass('layui-this');

整个代码都很啰嗦了。
还有表单的一系列监听,代码很啰嗦,绑定多个则要写N各 on来监听。
switch的无法返回启用还是禁用的状态,设置了on就一直返回的on.... 还有一些小的细节,希望作者可以优化呀。
回帖
本帖已设置禁止回复