ボタンがオンの場合、ウェブサイトに移動する機能

Question

簡単なON/OFFボタンを実装しようとしています。 ボタンがオンになっているときは、できるだけバックグラウンドでリンクしたいだけで、オフのときは別のリンクに移動したいだけです。 plsはJavaScriptを助けてくれます。

<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch2" onclick="javascript:location.href='www.google.com" > 
<label class="onoffswitch-label" for="myonoffswitch2"> 

Answer 1

あなたはのonchangeリスナーを追加して、チェックボックスのチェックを状況に基づいてユーザを誘導することができます。

$(document).ready(function(){ 
 
    $('#myonoffswitch2').change(function(){ 
 
    if(this.checked){ 
 
     window.location="url to site 1"; 
 
    } 
 
    else{ 
 
     window.location="url to site 2"; 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch2"> 
 
<label class="onoffswitch-label" for="myonoffswitch2">Check</label>

Answer 2

<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch2" onclick="javascript:location.href='https://www.google.com';" > 

//ボタンのこのコードはオンになっているが、あなたのボタンが

をリダイレクトするページがされ、その後にあるとき、あなたはオフで何を意味しています