el-checkbox根据是否被选中执行不同的操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-checkbox根据是否被选中执行不同的操作相关的知识,希望对你有一定的参考价值。

直接给el-checkbox绑定点击事件是没有效果的,因为它会被解析成其他形式的html,el-checkbox只是一个类名,因此,使用ts和jquery动态绑定事件:

  mounted() {
    $(".el-checkbox input").change(() => {
      console.log(‘呵呵‘);
      if ($(".el-checkbox input[type=‘checkbox‘]").is(‘:checked‘) == true) {
        console.log(‘选中‘);
      } else {
        console.log(‘没选中‘);
      }
    })
  }

 

以上是关于el-checkbox根据是否被选中执行不同的操作的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI中el-checkbox使用v-model绑定默认选中

el-checkbox数据结构深循环不出来

急求高手解答!!!!!!!C#中checkbox判断哪些被选中并执行后续操作~

layer.js怎样判断checkbox是不是被选中

批量操作(根据选中数组的状态来判断批量操作按钮能否被点击)

zepto全选按钮之全选会根据按钮是否被全部选中更改状态