javascript - 启用和禁用拖动jQuery

我在容器中有图表，并具有用于拖动功能的复选框，启用和禁用作品，但是如果我第二次单击启用复选框，则它不起作用。我不知道哪里错了。下面是jiddle url和IF语句功能谢谢建议

http://jsfiddle.net/dmmqwr6d/

function EnableDrag(checkboxvalue) {
  if (checkboxvalue == true) {
    $("#chartdiv").draggable("enable");
  } else {
    $("#chartdiv").draggable("disable");
  }
}

最佳答案

您只是为EnableDrag()函数提供了错误的参数。复选框的值永不更改，更改的是元素的选中状态（或属性）。

只需更改您在其中定义复选框的html

<input type="checkbox" onClick="EnableDrag(this.value);" checked>Chart drag

至

<input type="checkbox" onClick="EnableDrag(this.checked);" checked>Chart drag

我在这里更新了您的jsfiddle以反映这一点：http://jsfiddle.net/dmmqwr6d/1/