更改复选框IF旁边的文本.HTML + JS或jQuery

Question

我只是想使用一个简单的复选框,例如,旁边有一个复选框'Please check this',然后点击它时文本变为'Checked'

我一直在寻找一个简单的解决方案,但苦苦挣扎,无法弄清楚 - 尽管简单.

有人能帮助我吗？

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/