フリップスイッチを使用してHTMLページを切り替える

Question

フリップスイッチを使用して切り替えたい2つのHTMLページがあります。

スイッチはデフォルトで「オフ」になっており、現在のhtmlページのindex.htmlが表示されます。ユーザーが「オン」にすると、nextpage.htmlにリダイレクトします。同様に、ユーザーが「オフ」にすると、index.htmlにリダイレクトされます。コード内にonclick="index.html"を含めることで試してみましたが、動作しません。

これを達成するには機能が必要ですか？

Flipswitch

<div class= "switch"> 
    <label for="title"><b>Switch to redirect:</b> 
    <input type="checkbox" data-role="flipswitch" name="switch" id="switch"></label> 
</div> 

Answer 1

することができますそのチェックボックスにaddEventListener onchange以来：

HTML：（index.htmlを）

<div class= "switch"> 
<label for="title"><b>Switch to redirect:</b> 
    <input type="checkbox" data-role="flipswitch" name="switch" id="switch"> 
</label> 
</div> 

は、HTML：（nextpage.html）

<div class= "switch"> 
<label for="title"><b>Switch to redirect:</b> 
    <input type="checkbox" checked="checked" data-role="flipswitch" name="switch" id="switch"> 
</label> 
</div> 

はJavaScript：

document.getElementById('switch').onchange = function(){ 
    if(this.checked){ 
    window.location='nextpage.html'; 
    } else { 
    window.location='index.html'; 
    } 
}; 

Answer 2

使用これはあなたのonclickのように：

onclick="window.location='index.html'"