if else或切换html复选框获取值

Question

是什么编码html if else或切换复选框？勾选1复选框＆＃39; text＆＃39;声明将出现。但如果勾选3复选框，则该语句将更改为另一个文本＆＃39;。鉴于我的编码;如果勾选“猫”的话。复选框＆＃39;英国短毛猫＆＃39;将出现复选框并再次点击“可爱”＃39;文字出现。如果两个或多个复选框勾选文本更改示例，如超级可爱的＆＃39;

，如何制作

＆＃13;

＆＃13;

<script type="text/javascript">
  function ShowHideDiv(Cat) {
    var dvCat = document.getElementById("bigCat");
    bigCat.style.display = Cat.checked ? "block" : "none";
    console.log(Cat.value)
    console.log("Text Inside LABEL:" + Cat.parentNode.textContent)

  }
</script>

<label for="Cat">
    <input type="checkbox" id="Cat" onclick="ShowHideDiv(this)" value="cat"/> Cat 
</label>

<script type="text/javascript">
  function ShowHideDiv2(Rabbit) {
    var bigRabbit = document.getElementById("bigRabbit");
    bigRabbit.style.display = Rabbit.checked ? "block" : "none";
    console.log(Rabbit.value)
    console.log("Text Inside LABEL:" + Rabbit.parentNode.textContent)
  }
</script>

<label for="Rabbit">
    <input type="checkbox" id="Rabbit" onclick="ShowHideDiv2(this)" value="Rabbit"/> Rabbit 
</label>

<div id="bigCat" style="display: none">

  <label> 
    <input type="checkbox" id="bigSubCat" /> British shorthair 
</label>

  <label> 
    <p id="subCats1" ></p> 
</label>

  <script>
    document.getElementById("bigSubCat").addEventListener("click", function() {
      document.getElementById("subCats1").innerHTML = "Cute";
    });
  </script>

  <label>
	<input type="checkbox" id="bigSubCat" /> Exotic Shorthair 
</label>
</div>
<div id="bigRabbit" style="display: none">

  <label> 
    <input type="checkbox" id="bigSubRabbit" /> White Rabbit
</label>

  <label>
	<input type="checkbox" id="bigSubRabbit" /> Black Rabbit 
</label>

＆＃13;

＆＃13;

＆＃13;