javascript - チェックボックス IF チェックボックスの横のテキストを変更します。HTML + JS または jQuery

Question

シンプルなチェックボックスを使用したいだけです。

私は単純な解決策を探していましたが、単純さにもかかわらず、苦労して理解できませんでした。

誰か助けてくれませんか？

Answer 1

jQuery の使用:

$('#boxid').click(function() {
  if ($(this).is(':checked')) {
    $(this).siblings('label').html('checked');
  } else {
    $(this).siblings('label').html(' not checked');
  }
});

そしてあなたのHTMLで：

<input id="boxid" type="checkbox"><label for="boxid">not checked</label>

編集：

作業フィドル: http://jsfiddle.net/zpzxM/