监听和或者LayerUI中的switch值

科学熊2023-10-16 11:32

在jQuery中，可以通过选择器和.is(':checked')来检查LayerUI的switch是否被选中。以下是一个示例：

javascript 复制代码

if ($("#state").is(':checked')) {
    console.log("LayerUI的switch被选中");
} else {
    console.log("LayerUI的switch未被选中");
}

在这个示例中，#state是switch元素的ID。如果有多个switch元素，你可能需要用其他方式来唯一标识需要检查的switch，比如class或者data-属性。

此外，如果正在使用layui框架，那么可能需要使用layui的表单模块来访问和控制你的switch。在上述代码中，直接使用了jQuery的核心功能来检查switch的选中状态。

以下是一个使用jQuery实现的示例代码，该代码通过监听switch的改变事件来判断switch是否被选中：

javascript 复制代码

<input type="checkbox" name="state" id="state" value="1" lay-skin="switch" lay-text="是|否" lay-filter="isCheck">

<script>
layui.use('form', function(){
  var form = layui.form;
  
  //监听switch的改变事件
  form.on('switch(isCheck)', function(data){
    console.log(data.elem.checked); //如果输出true，则表示switch被选中，否则表示未选中
  });
});
</script>

在上面的代码中，通过监听switch(isCheck)事件来判断switch是否被选中。当switch的值发生改变时，会触发相应的事件，在该事件中获取到data.elem.checked的值，如果该值为true，则表示switch被选中，否则表示未选中。