확인란을 선택하여 텍스트로 확인란

<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>

1 확인란. 이 또 다른 2 가지 옵션 체크 박스 아래. 두 확인란 중 하나를 선택하면이 두 옵션의 출력이 동시에 나옵니다. 이 코딩을 실행 해보십시오. 내 코딩을 고칠 수 있습니까?확인란을 선택하여 텍스트로 확인란

출처

2017-05-16 wani

당신은 같은 'ID를 가진 두 개의 체크 박스가 = > chkCat'. –

내 코드를 수정 해 주셔서 감사합니다. 나는 아직도 html로 새롭다. 두 개의 확인란을 사용하지 않으면 어떻게 호출해야합니까? 나는 첫 번째 체크 박스가 틱일 때 다른 옵션 두 개의 체크 박스가 나올 것이고, 두 개의 체크 박스 중 하나를 클릭하면 다른 텍스트가 나올 것입니다. 문제는 두 개의 체크 박스의 텍스트가 동시에 나왔다는 것입니다. 내 코딩에 무슨 문제가 있습니까? – wani

고유 한 ID을 확인란에 할당하여 문제를 바로 해결할 수 있습니다.

<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="dvSubCat" /> British shorthair 
 
</label> 
 
<label> 
 
    <p id="British shorthair" ></p> 
 
</label> 
 

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

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

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

PS : 당신이 1 개 이상의 확인란이 동일한 기준에 빠지는이 class names를 사용하는 경우 id는, 궁극적 인 해결책이 아니다 할당 대신

출처

2017-05-16 04:05:28

나는 그것을 얻는다라고 생각한다. 다시 한 번 감사드립니다! – wani

문제가 해결 될 경우 대답으로 표시하십시오. –

확인란을 선택하여 텍스트로 확인란

답변

관련 문제