如何製作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是用於「狀態」的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 [ '狀態']代替，因爲它是更好的寫點符號。

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