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”的localstorage值。这就是我们正在切换的价值。

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 [＆＃39; status＆＃39;] ，因为它最好用点表示法编写。

Here是小提琴（当您选中复选框时会发出警报1，取消选中时会发出警告0。）

Answer 2

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

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

OR

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

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

2 个答案: