Change text next to checkbox IF checked. HTML + JS or jQuery [closed]

Question

I just want to use a simple checkbox, for example, a checkbox with 'Please check this' next to it, then when it's clicked the text changes to 'Checked'

I've been looking all over for a simple solution, but struggling and can't figure it out - despite the simplicity.

Can somebody help me?

Answer 1

Using jQuery:

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

and in your HTML:

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

EDIT:

Working fiddle: http://jsfiddle.net/zpzxM/