尝试有一个链接复选框，可点击和文本更改点击

Question

目前我只是使用jQuery有一个复选框和一个文本，文本在复选框打勾后更改，但我正在尝试使其工作，以便可以单击框或文本，结果是更改文本和复选框？

有人能进一步帮助我吗？

Answer 1

使用标签并设置for属性，您可以单击文本，该框将被选中/取消选中。。。

<label for="check1">Label for checkbox</label> 
<input type="checkbox" id="check1" value="value1">Option</input>

Answer 2

参见演示

在html中

<input type="checkbox" id="test"> <label for="test">text</label>

在JS中

$(document).ready(function () {
  $("#test").click(function () {
    if ($(this).is(":checked")) {
      $(this).next("label").text("Added");
    } else {
      $(this).next("label").text("Add to Cart"); // your default color set
    }
  });
});

参考已检查

JQuery.next

Answer 3

只需在复选框和文本周围放置一个标签文本，这样它就会变成：

    <label><input type="checkbox" />Add to cart</label>

这使得文本成为复选框的一部分