Question

在注册表格中，我有一个2单选按钮，当选择一个按钮时，会出现一个下拉列表。但是在注册失败后，所选的单选按钮仍然存在，但下拉列表不再显示，我希望在注册失败后显示下拉列表。应该有一个本地存储的解决方案，但我不知道如何写它。

这是代码，我应该添加什么来实现它？

 $(document).ready(function() {
        $('input[type=radio][name=rdUserType]').change(function() {
            if (this.value == '1') {
                $('#cityClient').show();
                $('#cityLawyer').hide();
            }
            else if (this.value == '0') {
                $('#cityClient').hide();
                $('#cityLawyer').show();
            }
        });
    });

Answer 1

所以我最终找到了解决方案，我试过并做到了：

<script>
$(document).ready(function() {
    $('input[type=radio][name=rdUserType]').change(function() {


        if (this.value == '1') {
            $('#cityClient').show();
            $('#cityLawyer').hide();
        }
        else if (this.value == '0') {
            $('#cityClient').hide();
            $('#cityLawyer').show();
        }
        localStorage.removeItem("last");
    });
});

function fix(){

    var check = localStorage.getItem("last");
    console.log(check);

    if (check === 'a') {
            $('#cityClient').hide();
            $('#cityLawyer').show();
        }
        else{
            $('#cityClient').show();
            $('#cityLawyer').hide();
        }

}

function save(){
    // rdAttorney is a id of the selected radio
   if (document.getElementById('rdAttorney').checked) {
          localStorage.setItem('last', 'a');
        }
        else{
           localStorage.setItem('last', 'b'); 
        }

}

window.onload = fix();

</script>

JS页面刷新后没有显示div

1 个答案: