jquery 操作layui switch
1jquery 操作layui switch
可以通过以下步骤操作 layui switch:

1. 在 HTML 中添加 switch 控件

```html

```

2. 在 JavaScript 中初始化 switch 控件

```javascript
layui.use('form', function(){
var form = layui.form;

//监听指定开关
form.on('switch(switchTest)', function(data){
layer.msg('switch:'+ (this.checked ? '开启' : '关闭'), {
offset: '6px'
});
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对象
});

});
```

在上面的代码中,我们可以监听 switch 控件的开关状态,并在控制台中输出相应的信息。同时,我们可以使用 `layer.msg()` 方法弹出提示框,通知用户开关状态的改变。

另外,通过 `layui.use('form')` 方法引入 layui 的 form 模块,可以对表单元素进行渲染和监听。
本页由《梦行文档》生成

 

name完成
30