javascript - 如果选中,更改复选框旁边的文本。 HTML + JS 或 jQuery

标签 javascript jquery html checkbox

<分区>

我只想使用一个简单的复选框,例如,旁边带有“请选中此”的复选框,然后当它被单击时,文本会更改为“已选中”

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

有人可以帮助我吗?

最佳答案

使用 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>

编辑:

工作 fiddle :http://jsfiddle.net/zpzxM/

关于javascript - 如果选中,更改复选框旁边的文本。 HTML + JS 或 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18422861/

相关文章:

javascript - 如何通过调用ajax请求从PHP页面重定向

javascript - 表格内的全屏视频背景(水平布局)

javascript - 从单一表单发布到两种不同的方法

javascript - 不显示下拉列表中的第一个选项

javascript - AngularJS : directive inside ng-repeat not respecting new order

javascript - 隐藏其他 Accordion 项目

javascript - 标题的自定义工具提示 CSS 问题

javascript - 更改ID后JQuery功能不起作用

javascript - 获取 javascript 求和答案并将其放入 mysql 字段中

javascript - 如何使用 Angular、Spring MVC 显示 JSON 数据?