如何为选择开关分配功能？

Question

我在我的html中使用了这个选择开关：

<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>

我需要为ON＆amp;分配2个功能。关闭位置。 ON位置：向arduino yun服务器发送消息：auto_on OFF位置：向arduino运行服务器发送消息：auto_off

类似于我使用的东西，但在按钮上有onclick动作：

function autoon()
    {
        $('#content').load('/arduino/auto_on');
    }
function autooff()
    {
        $('#content').load('/arduino/auto_off');
    }

我认为你不能在滑动开关上使用onclick事件，所以我想知道如何做到这一点？

Answer 1

尝试这样的事情：

<div class="onoffswitch" onclick="toggleSwitch()">
  //switch slider content
</div>

在你的剧本中：

var intitalSwitchState=true; signifies on;

function toggleSwitch()
{   
    intitalSwitchState=!intitalSwitchState;
    if(intitalSwitchState)
        $('#content').load('/arduino/auto_on');
    else
        $('#content').load('/arduino/auto_off');
}