javascript - 如何根据存储在数组中的复选框值输出响应？

Question

我有代表星期几的固定复选框。我能够将这些值存储在数组中的 localStorage 中，以便它们在刷新后保留。

我想知道如何根据日期的选择输出“工作日”或“周末”？例如，用户选择“星期一”和“星期三”，输出为“工作日”

我已经使用案例对其进行了测试，但未能成功将其应用于 localStorage 中的值。我在数组中存储值的方式有问题吗？

Here is my codepen .

我用于存储和保持检查值的函数:

function updateStorage() {
    $checkboxes.each(function() {
        formValues[this.id] = this.checked;
    });

    localStorage.setItem("formValues", JSON.stringify(formValues));
}

$checkboxes.on("change", function() {
    updateStorage();
});

// On page load
$.each(formValues, function(key, value) {
    $("#" + key).prop('checked', value);
});

Answer 1

我希望你的意思是这样的

//checkbox

//function for persistent checkbox     
var formValues = JSON.parse(localStorage.getItem('formValues')) || {};
var $checkboxes = $("#checkbox-wrapper :checkbox");

function outputResult(isWeekday,isWeekend){

  var output = ""
  if( isWeekday && isWeekend ) output = "Both";
  else if( isWeekday ) output = "Weekday";
  else if( isWeekend ) output = "Weekend";
  document.getElementById("output").innerHTML = output;

}

function checkDay(){

    var isWeekday = false;
    var isWeekend = false;

    $checkboxes.each(function(){
      if( this.checked ){
        if( this.id == "saturday" || this.id == "sunday" ) isWeekend  = true;
        else isWeekday = true;
      }
    });

  outputResult(isWeekday,isWeekend);
}

function updateStorage(){

  $checkboxes.each(function(){
    formValues[this.id] = this.checked;
  });

  localStorage.setItem("formValues", JSON.stringify(formValues));

  checkDay();
}

$checkboxes.on("change", function(){
  updateStorage();
});

// On page load
$.each(formValues, function(key, value) {
  $("#" + key).prop('checked', value);
});

https://codepen.io/anon/pen/gepomY?editors=1011