확인란을 선택하면 "활성화 됨"이 표시되고 그렇지 않으면 "비활성화 됨"이 표시됩니다

Question

이 체크 박스가 있습니다.

<input type="checkbox" value="" name="checkycheck"><label for="checkycheck">Activated</label> 

입력을 확인할 때 레이블로 "활성화 됨"을 표시하는 방법을 알아 냈습니다. 입력이 선택되지 않으면 "비활성화 됨"을 표시하십시오.

if(checkycheck == checked) { 
    echo 'Activated'; 
} else { 
    echo 'Deactivated'; 
} 

PHP 같은 외모의 그 종류를하지만 원하는 jQuery를 실시간으로 그 :

그래서 더 설명합니다. 나는 Google에서 검색을 시도했지만 실제로 그다지 벗어나지는 않았으며 jQuery 지식이 많은 사람이 나를 도와 줄 수 있기를 바랍니다.

고마워요.

Answer 1

id은 for 속성으로 참조 할 수 있으므로 입력해야합니다. 그 변화와 함께, 코드는 다음과 같을 수 있습니다 :

$('#checkycheck').change(function() { 
 
    $('label[for="checkycheck"]').text(this.checked ? 'Activated' : 'Deactivated'); 
 
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<input type="checkbox" value="" name="checkycheck" id="checkycheck"> 
 
<label for="checkycheck">Activated</label>

주 시작부터 텍스트를 정확하게 설정, 코드도 페이지로드에서 실행되는 확인합니다 끝 부분 change() 전화 .

Answer 2

이것은 Stackoverflow에 대한 몇 가지 질문의 중복입니다. 나는 어제 하나를 대답했다, 당신은 here를 볼 수있다.

Answer 3

$('#checkbox').on('change',function(){ 
if($(this).checked) 
    $('label[for="checkbox"]').innerHtml('active'); 
else 
    $('label[for="checkbox"]').innerHtml('deact'); 
}); 

이 그냥 빨리 모형이다

var resultEle = document.getElementById("result"); 
 
function showAnswer(ele) { 
 
    if(ele.checked) { 
 
     result.innerHTML = "You checked Yes!"; 
 
    } 
 
    else { 
 
     result.innerHTML = ""; 
 
    } 
 
}

<table> 
 
    <tr> 
 
     <td class="align"> 
 
      Yes<br /> 
 
      <input type="checkbox" onchange="showAnswer(this)" /> 
 
     </td> 
 
     <td> 
 
      <span id="result"></span> 
 
     </td> 
 
    </tr> 
 
</table>

, 내 맞춤법을 검사해야한다. 뿐만 아니라 입력에 대한 이름으로 "checkbox"를 추가해야합니다.