Если установлен флажок, покажите «Активировано» еще показать «Деактивировано»

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.

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>

Answer 3

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

это просто быстрый макет, вы должны проверить мою орфографию. а вы должны добавить «флажок» в качестве идентификатора для входа, а также имя