Javascript 复选框不使用多个复选框单击

函数myFunction（）{
var checkBox=document.getElementById（“myCheck”）；
var text=document.getElementById（“text”）；
如果（checkBox.checked==true）{
text.style.display=“块”；
}否则{
text.style.display=“无”；
}}

复选框1：
选中复选框1



复选框2：
选中复选框2
 

指定不同的Id。它将起作用

函数myFunction（）{
var checkBox=document.getElementById（“myCheck”）；
var text=document.getElementById（“text”）；
如果（checkBox.checked==true）{
text.style.display=“块”；
}否则{
text.style.display=“无”；
}}
函数myFunction1（）{
var checkBox=document.getElementById（“myCheck1”）；
var text1=document.getElementById（“text1”）；
如果（checkBox.checked==true）{
text1.style.display=“块”；
}否则{
text1.style.display=“无”；
}}

复选框1：
选中复选框1



复选框2：
选中复选框2
 

指定不同的Id。它将起作用

函数myFunction（）{
var checkBox=document.getElementById（“myCheck”）；
var text=document.getElementById（“text”）；
如果（checkBox.checked==true）{
text.style.display=“块”；
}否则{
text.style.display=“无”；
}}
函数myFunction1（）{
var checkBox=document.getElementById（“myCheck1”）；
var text1=document.getElementById（“text1”）；
如果（checkBox.checked==true）{
text1.style.display=“块”；
}否则{
text1.style.display=“无”；
}}

复选框1：
选中复选框1



复选框2：
选中复选框2
 

id

属性必须是唯一的，因此在本例中，

getElementById

仅选择第一个元素。您可以将

id

属性更改为

class

，然后使用

getElementsByClassName

选择复选框和段落

Checkbox 1: <input type="checkbox" class="myCheck" onclick="myFunction()">

<p class="text" style="display:none">Checkbox 1 is CHECKED!</p>
<br>
Checkbox 2: <input type="checkbox" class="myCheck" onclick="myFunction()">

<p class="text" style="display:none">Checkbox 2 is CHECKED!</p>

复选框1：
选中复选框1



复选框2：
选中复选框2

现在JavaScript部分需要识别复选框。我们应该添加一个FOR循环来选择复选框[i]及其下面的段落

for (var i=0;i<checkBox.length; i++) {
    if (checkBox[i].checked == true){
    text[i].style.display = "block";
  } else {
    text[i].style.display = "none";
  }
} 

---

for（var i=0；i
id
属性必须是唯一的，因此在这种情况下
getElementById
仅选择第一个元素。您可以将
id
属性更改为
class
，然后使用
getElementsByClassName
选择复选框和段落

Checkbox 1: <input type="checkbox" class="myCheck" onclick="myFunction()">

<p class="text" style="display:none">Checkbox 1 is CHECKED!</p>
<br>
Checkbox 2: <input type="checkbox" class="myCheck" onclick="myFunction()">

<p class="text" style="display:none">Checkbox 2 is CHECKED!</p>

复选框1：
选中复选框1



复选框2：
选中复选框2


现在JavaScript部分需要识别复选框。我们应该添加一个FOR循环来选择复选框[i]及其下面的段落

for (var i=0;i<checkBox.length; i++) {
    if (checkBox[i].checked == true){
    text[i].style.display = "block";
  } else {
    text[i].style.display = "none";
  }
} 

用于（var i=0；iI如果对您有效，请向上投票并接受答案。无法向上投票-->感谢反馈！记录声誉低于15的人的投票，但不要更改公开显示的帖子分数。如果对您有效，请向上投票并接受答案。无法向上投票-->感谢反馈！投票声誉低于15的人所投的分数会被记录，但不会改变公开显示的帖子分数。