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>

"live Example"

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

2 个答案: