前言
layui要如何选中呢?在我们使用layui过程中,经常会遇到动态增加 checkbox 的情况,今天我便遇到了,但是在获取 checkbox 选中状态时,始终不对,最后找到方法了,原来是我方法用错了。
方法
获取 checked 属性,用 attr,设置 checked 属性时用 prop
还有就是在动态渲染 checkbox 时,记得使用 form.render(‘checkbox’);渲染
栗子
<input lay-filter="test" lay-skin="primary" type="checkbox" value="" title="我是栗子"/>
layui.use(['jquery', 'form'], function(){
var form = layui.form;
var $ = layui.jquery;
//这里的 menu 就是 HTML 上面的 lay-filter 值,就固定一个值就好
form.on('checkbox(test)', function(data){
var dataValue = data.value;
// console.log(data.elem); //得到 checkbox 原始 DOM 对象
console.log(data.elem.checked); //是否被选中,true 或者 false
// console.log(data.value); //复选框 value 值,也可以通过 data.elem.value 得到
// console.log(data.othis); //得到美化后的 DOM 对象
// 动态渲染的元素则要通过
$(动态渲染的 checkbox dom 元素).prop("checked", true);
获取 checkbox 状态可用
$(动态渲染的 checkbox dom 元素).attr("checked");
});
});
以上就是我在用layuicheckbox 遇到的问题,如果不对请指出,十分感谢