选中取消选中切换器

Question

您好我正在使用abpetkov/switchery来渲染这些漂亮的开关。我遇到的问题是我想使用jquery启用或禁用交换机，启用和禁用我的意思是检查和取消选中。我无法弄清楚如何去做。有人可以告诉我该怎么做我将它渲染成这样吗

<table>
    <tr>
      <td>
        <input type='checkbox' name='record-call' data-render='switchery' data-theme='default' id="abcd"  /></td>
      </td>
    </tr>   
</table>

我遇到的问题是每当我尝试检查或取消选中切换器时$( "#hour-1" ).prop( "checked", true );它检查/取消选中复选框但不影响切换器

Answer 1

捕获onchange事件，然后触发click事件。我有点喜欢这样做 e.next.click()你一定想知道我为什么写下一个。好吧，如果您检查输入框，您将看到输入框下方有一个跨度。那是你的切换器。只需在其上触发click事件。

<table>
    <tr>
      <td>
        <input type='checkbox' name='record-call' data-render='switchery' data-theme='default' id="abcd"  onchange="fun(this)"/></td>
      </td>
    </tr>   
</table>


function fun(e){
   e.next.click()
}

希望它有所帮助。如果您有任何困惑，请随时提出任何问题。