按文本复选框按复选框 函数ShowHideDiv（chkCat）{ var-dvCat=document.getElementById（“dvCat”）； dvCat.style.display=chkCat.checked？“块”：“无”； } 猫 英国短毛 document.getElementById（“dvCat”）.addEventListener（“单击”，函数）（）{ document.getElementById（“英国短发”）.innerHTML=“RM00”； }); 异国情调短发 document.getElementById（“dvCat”）.addEventListener（“单击”，函数）（）{ document.getElementById（“奇异短发”）.innerHTML=“RM00”； });

1个复选框。在该选项下，选择另外两个选项复选框。选择两个复选框中的一个，这两个选项的输出将同时显示。尝试运行此编码。您可以修复我的编码吗？

您现在可以通过为复选框指定唯一的

ID

来修复它

函数ShowHideDiv（chkCat）{
var-dvCat=document.getElementById（“dvCat”）；
dvCat.style.display=chkCat.checked？“块”：“无”；
}
猫
英国短毛

document.getElementById（“dvSubCat”）.addEventListener（“单击”，函数）（）{
document.getElementById（“英国短发”）.innerHTML=“RM00”；
});
异国情调短发

document.getElementById（“chkSubCat”）.addEventListener（“单击”，函数（）{
document.getElementById（“奇异短发”）.innerHTML=“RM00”；
});

您有两个复选框具有相同的

id=>chkCat

。感谢您更正我的编码。我对html还是新手。如果我不使用两个复选框，我如何称呼它？我希望这样，当我的第一个复选框被勾选时，会出现另一个选项二复选框，当单击其中一个复选框时，会出现另一个文本。问题是两个复选框中的文本同时出现。我的编码怎么了？我想我明白了。再次感谢！如果它能解决你的问题，请把它标记为答案。

<script type="text/javascript">
    function ShowHideDiv(chkCat) {
        var dvCat = document.getElementById("dvCat");
            dvCat.style.display = chkCat.checked ? "block" : "none";
    }
</script>

<label for="chkCat">
    <input type="checkbox" id="chkCat" onclick="ShowHideDiv(this)" /> Cat 
</label>
<div id="dvCat" style="display: none">

<label> 
    <input type="checkbox" id="dvCat" onclick="ShowHideDiv(this)" /> British shorthair 
</label>
<label> 
    <p id="British shorthair" ></p> 
</label>

<script>
    document.getElementById("dvCat").addEventListener("click", function(){
        document.getElementById("British shorthair").innerHTML = "RM00";
    });
</script>
<label>
    <input type="checkbox" id="chkCat" onclick="ShowHideDiv(this)" /> Exotic Shorthair 
</label>

<p id="Exotic Shorthair"></p>

<script>
    document.getElementById("dvCat").addEventListener("click", function(){
        document.getElementById("Exotic Shorthair").innerHTML = "RM00";
    });
</script>