启用和禁用拖动 jQuery

Question

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

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

Answer 1

您只是向 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/

启用和禁用拖动 jQuery

Enable and Disable drag jQuery

javascript

checkbox

jquery

drag