如何使用On / Off FlipSwitch来触发功能

Question

您好我发现这些On / Off翻转开关https://proto.io/freebies/onoff/将生成带有动画过渡的CSS3 On / Off翻转开关。

我使用Google Apps脚本/插件，我的客户端有CSS + HTML。 我希望它在切换时触发功能，无论是在＆amp; off应该触发相同的功能。

简单按钮：

简单按钮现在就是这样做的：

客户端：

<button onclick="google.script.run.insertTextToCellA();" id="ButtonA">Button A</button>

它会触发我的服务器端功能：

function insertTextToCellA(){
var cellA = table.getRow(1).getCell(2).getChild(0);
    cellA.setText('Hello Testing!');         
  }
}

这就是我的代码与切换按钮：

的样子

<div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
    <label class="onoffswitch-label" for="myonoffswitch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

问题：我没有使用此开关按钮进行'onclick'，如何让它触发我的服务器端功能？

Answer 1

您可以将onclick事件绑定到任何HTML元素。

<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" onclick="google.script.run.insertTextToCellA();" checked/>

JSFiddle Example