在无线电选择上清除div的本地存储

Question

当用户选择No单选按钮时，我试图让本地存储清除一个特定div中的所有字段：

稍微不完整jsfiddle但应该这样做

我显然没有在这里做某事（.hide-show-yes是我希望该div中的所有字段都清除的地方）：

$(document).ready(function(){
$('input[name="for_person"]').on('click', function () {
    if ($('#personNo').prop('checked')) {
    // ??
        $('.hide-show-yes').localStorage.removeItem('fname');

    } else {

        // do nothing

    }
});
});

Answer 1

localStorage不是jQuery方法。还

$(document).ready([function() {

    if (localStorage["dontclear"]) {
      $('#dontclear').val(localStorage["dontclear"]);
    }
    if (localStorage["fname"]) {
      $('#fname').val(localStorage["fname"]);
    }
    if (localStorage["lname"]) {
      $('#lname').val(localStorage["lname"]);
    }
  console.log(localStorage)
}, function() {
  $('.stored').change(function() {
    localStorage[$(this).attr('name')] = $(this).val();
    console.log(localStorage)
  });

  $('input[name="for_person"]').on('click', function() {
    if ($('#personNo').prop('checked')) {
      // ??
      localStorage.removeItem('fname');

    } else {

      // do nothing

    }
  });
}]);

plnkr http://plnkr.co/edit/LPw3zbpgrhJkSh1hdKXG?p=info