将 url 绑定到复选框值

Question

我有这个复选框，我想将其用作语言切换：

<label class="switch">
    <input type="checkbox" class="switch-input">
    <span class="switch-label" data-on="DE" data-off="FR"></span>
    <span class="switch-handle"></span>
</label>

我有一个 index.php 文件，如果您添加 ?lang=de，内容语言会更改为德语，如果您添加 ?lang=fr，则内容语言会更改为法语。现在是否可以将每个 URL 绑定到复选框值之一？就像如果复选框未选中参数 ?lang=de 如果选中，参数 ?lang=fr 将添加到 URL 并以这种语言显示内容？

Answer 1

试试 -

var param = "lang=de";

$('.switch-input').on('click', function() {
    if($(this).is(':checked')) {
        param = "lang=" + $(this).siblings('.switch-label').data('on');
    } else {
        param = "lang=" + $(this).siblings('.switch-label').data('off');
    }
    window.location.href = window.location.href + '?' + param;
})