JavaScript 复选框 OnLoad 的条件

Question

我有一个复选框，用于确定是隐藏元素还是使元素可见。我的问题：如果最初在页面加载时未选中该复选框以永久删除这些元素以便它们无法被召回，是否还有一种方法可以包括在内，否则继续下面的内容？希望这是有道理的。

function myEmail() {
    var emailBox = document.getElementById("checkemail");
    var emailradios = document.getElementById("emailradios");
    var emailOptOutSix = document.getElementById("emailOptOutSix");
    var emailOptOutForever = document.getElementById("emailOptOutForever");

    if (emailBox.checked == true){
        emailradios.style.visibility = "hidden";
        emailforever.style.visibility = "hidden";
        emailOptOutSix.checked = false;
        emailOptOutForever.checked = false;

    } else {
       emailradios.style.visibility = "visible";
       emailforever.style.visibility = "visible";
    }
}

Answer 1

有点不清楚你问的是什么。如果您想在未选中复选框时（在页面加载时）删除项目，那么您可以这样做：

这是一个工作版本JSFiddle

需要注意的是，使用子字符串获取cookie并不是最佳实践。明智的做法是创建一个函数来处理这个问题。可以在此处找到示例。 Working with cookies

//gets the cookie for checked/not checked state
var checked = document.cookie;

//On window load
window.onload = function() {
  //Get the value of the cookie
  var emailBoxChecked = checked.substring(checked.indexOf("=") + 1);
  if (emailBoxChecked == "checked"){
      //set the state of the checkbox to true
      document.getElementById("emailbox").checked = true
      //If checked do something

  } else {
      //set the state of the checkbox to false
      document.getElementById("emailbox").checked = false
      //remove radio buttons that are contained within the emailRadios div
      var parent = document.getElementById("myForm")
      var child = document.getElementById("emailRadios")
      parent.removeChild(child)


  }
};


//Call this function when the checkbox is clicked
var emailChecked = function () { 
   var emailBoxChecked = document.getElementById("emailbox").checked
   if (emailBoxChecked){
      // store the state of the checkbox as checked in a cookie
      document.cookie = "email=checked";
   } else {
      // store the state of the checkbox as NOT checked in a cookie
      document.cookie = "email=unchecked";
   }
}

JavaScript 复选框 OnLoad 的条件

JavaScript conditions for checkbox OnLoad

javascript

checkbox

onload

conditional-statements