JavaScript“If"关于复选框不工作的声明

JavaScript "If" Statement Regarding Checkbox Not Working

本文关键字：复选框 工作 声明 If quot JavaScript      更新时间：2023-09-26

我在JavaScript中设置了一个"if"语句，用于检查复选框是否被选中。然而，它似乎并没有起作用。它引用表单中的一个复选框，复选框的ID是"t1"。请让我知道，如果有什么明显的，将使它不能正常工作!它将在单击页面上的按钮时执行，该按钮应该在没有"if"语句的情况下正常工作。

代码如下:

var t1v = document.getElementById("t1")
if (t1v.checked) {
    document.getElementById("l1q1").style.display = "inline";
    document.getElementById("1q1-1").style.display = "inline";
    document.getElementById("l1q1-1").style.display = "inline";
    document.getElementById("1q1-2").style.display = "inline";
    document.getElementById("l1q1-2").style.display = "inline";
    document.getElementById("1q1-3").style.display = "inline";
    document.getElementById("l1q1-3").style.display = "inline";
    document.getElementById("1q1-4").style.display = "inline";
    document.getElementById("l1q1-4").style.display = "inline";
}

从你的评论，你需要做的是在一个按钮点击

function t1Handler() {
  var t1v = document.getElementById("t1"),
    display = t1v.checked ? 'inline' : 'none';
  document.getElementById("l1q1").style.display = display;
  document.getElementById("1q1-1").style.display = display;
}
document.getElementById("mybtn").addEventListener('click', t1Handler, false);
<input id="t1" type="checkbox" />
<span id="l1q1">l1q1</span>
<span id="1q1-1">1q1-1</span>
<button id="mybtn">Do it</button>

您需要一个事件处理程序

不确定在哪里添加了"checked"条件

应该是这样的

function click1(){
  
   if($("#t1").is(":checked"))
   {
     alert("checked");
   }
  else{alert("not checked")}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" id="t1"/>
<input type="button" id="btn" value="click here" onclick="return click1();"/>

我搞定了!问题似乎是，在运行代码检查是否选中之前，我从文档中删除了checkbox元素。那

相关文章：