启用和禁用拖动jQuery

时间:2017-04-20 04:44:45

标签: javascript jquery checkbox drag

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

http://jsfiddle.net/dmmqwr6d/

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

1 个答案:

答案 0 :(得分:2)

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