如何制作一个 html 按钮来执行 javascript 切换？

Question

这是我的 javascript：

if(!localStorage.status) localStorage['status'] = 1;
toggle(2);
enable.onclick = function(){toggle(0)};
disable.onclick = function(){toggle(1)};
function toggle(n){
     /// code here not relevant to this question
    }
}

这是我的html：

<form name="thename">
<input type="checkbox" name="option1"> Toggle it
</form>

现在如何将 javascript 连接到 html，以便选中该框切换值为 0，取消选中该框切换值为 1？

澄清：

需要为 0 或 1 的值是 'status' 的本地存储值。这就是我们要切换的值。

Answer 1

像这样（javascript）：

if(!localStorage.status) localStorage.status = 1;
var btn = document.getElementsByTagName('input')[0];

btn.onclick = function()
{
    if(btn.checked === true)
    {
        toggle(1);
    }else{
    toggle(0);
    }
};
function toggle(n){
    localStorage.status = n;
    alert(localStorage.status);
}

我对 localStorage['status'] 使用了点表示法，因为它最好用点表示法编写。

Here 是小提琴（选中复选框时会提示 1，取消选中时会提示 0）。

Answer 2

您可以使用<button> 或<input type="button"> 并包含onclick=""。
例如：

<button onclick="toggle(0)">Enable</button>
<button onclick="toggle(1)">Disable</button>

或

<input type="button" onclick="toggle(0)" value="Enable">
<input type="button" onclick="toggle(1)" value="Disable">