javascript - 如果选中，则更改复选框旁边的文本。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/

Answer 2

JavaScript：

function changeText(id){

  if ($('#'+id).is(':checked')) {
    $('#'+id +"+span").html('Checked');
  }else{
    $('#'+id+ "+span").html('Please check this.');
  }
}

CSS：

<input type="checkbox" id="123" onclick="changeText(this.id);"><span>Please check this.</span>

《活生生的例子》