将url绑定到复选框值 - bind url to checkbox value

bind url to checkbox value

本文关键字：复选框绑定 url | 更新日期: 2023-09-26

我有这个复选框，我想把它用作语言切换:

<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中，并让以这种语言显示内容?

Try with -

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;
})