选中后执行复选框操作

【问题标题】：Execute Checkbox action once checked选中后执行复选框操作
【发布时间】：2016-02-23 12:10:50
【问题描述】：

目标是在选中后从输入复选框执行 href

复选框输入

<input type="checkbox" value="{{$todo -> id}}" name="{{$todo -> ToDoName}}">

/* The todo list plugin */


 $(".todo-list").todolist({
    onCheck: function (ele) {
      window.console.log("The element has been checked");
      return ele;
    },
    onUncheck: function (ele) {
      window.console.log("The element has been unchecked");
      return ele;
    }
  });

【问题讨论】：

输入框还没有类

标签： javascript php jquery laravel checkbox

【解决方案1】：

新建一个html文件，复制粘贴以下代码：

<!doctype html>
<html>
    <body>
        <input type="checkbox" class="todo-list" value="True" name="{{$todo -> ToDoName}}">
        <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
        <script>
            (function(){
                $(".todo-list").change(function(data){
                    var value = this.checked;
                    if (value == true){
                        console.log("The element has been checked");
                    } else {
                        console.log("The element has been unchecked");
                    }
                });
            })();
        </script>
    </body>
</html>

说明：

您没有为复选框类命名

每次选中和取消选中复选框时都会触发更改

要获取checked和unchecked值，需要获取this.checked（this指的是checkbox元素，因为我们正在修改这个元素的change事件）

【讨论】：