勾选取消勾选切换器

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()你一定想知道我为什么要写下一个。好吧，如果您检查输入框，您会看到输入框下方有一个跨度。那是你的切换器。只需触发点击事件。

<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()
}

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