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添加到网址，然后以此语言显示内容？

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

将url绑定到复选框值

1 个答案: