ハッシュ、チェックを外してチェックボックス

Question

JavaScriptの場合は削除します。私の問題は、私は、チェックボックスをチェックすると、私のハッシュをクリアし、チェックボックスの値がに追加され

<input type="checkbox" name="vehicle" value="Bike"> 

：

if ($('#mycheckbox').is(':checked')) { 
    window.location.hash = this.val(); 
} else { 
    window.location.hash = ''; 
} 

HTMLハッシュ。

チェックボックスの値がハッシュに追加され、チェックボックスをオフにすると、チェックボックスの値がハッシュから削除されます。

Answer 1

まず、idをinputタグに追加します。次に、ハッシュ（window.location.hash）の現在の値を最初に取得することによって、入力値をハッシュに連結する必要があります。同様に、削除するときに、ハッシュ文字列全体ではなく、値部分をハッシュから削除する必要があります。

<script> 
    $(document).ready(function(){ 
    $("#mycheckbox").on("change", function(){ 
     if ($('#mycheckbox').is(':checked')) { 
     window.location.hash = window.location.hash + $(this).val(); 
     } 
     else { 
     window.location.hash = window.location.hash.replace($(this).val(), '');       
     } 
    });//change 
    });//document ready 
</script> 

<input type="checkbox" name="vehicle" id="mycheckbox" value="Bike"> 

Answer 2

<input id="mycheckbox" type="checkbox" name="vehicle" value="Bike"> Bike 

<script> 
$('#mycheckbox').on('change', function(){ 
    window.location.hash = this.checked ? window.location.hash + this.value : window.location.hash.replace(this.value,''); 
}); 

</script>