チェックボックスをオンにすると、「アクティブ化」が表示され、それ以外の場合は「無効」と表示されます

Question

このチェックボックスがあります。

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

入力がチェックされたときにラベルとして「アクティブ化」を表示する方法を考えています。入力がチェックされていないときは、 "Deactivated"と表示されます。

ので、より多くのそれを説明する：

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'); 
}); 

これはただ速いモックアップで、あなたは私のスペルをチェックする必要があります。 同様に、入力用と名前用に「チェックボックス」を追加する必要があります。