如何在单击时将 href 设置为复选框？

Question

1.如何在单击复选框时设置href

<a href="/Demo/sense/show/4">
  <input type="checkbox" />Yes
</a>

  <a href="/Demo/sense/list">
      <input type="checkbox" />NO
    </a>

但是当我勾选复选框时，它不会跳转到另一页。

2.如何在单击“是”文本而不是“是”复选框上设置选中状态。请帮忙，谢谢。

- SAGAR MANE

---

为什么你想要这个？它将会跳转到另一个页面。 - Sergio

是的，当复选框被选中时，我想要渲染到另一个页面。 - SAGAR MANE

请记住，复选框应该执行它们的功能，如果用户不希望重定向，那么这是奇怪的。您可以使用按钮代替复选框。复选框用于提交表单。 - Sergio

Q2的答案很简单。使用<label>标签即可。只需将您想关联的复选框和文本（在您的情况下为“Yes”）包装起来，然后单击标签或复选框即可切换复选框。例如：<label><input type='checkbox'/>Yes</label> - enhzflep

Answer 1

<input type="checkbox" onclick='window.location.assign("/Demo/sense/show/4")'/>是

- user2404546

Answer 2

也许是这样的吗？

<input id="cb" type="checkbox" onchange="window.location.href='http://google.com/'">

然后也许需要一个标签:

<label for="cb">Yes</label>

- user2039981

Answer 3

让你的代码简单：

<input type="checkbox" id="chk1" />Yes
  <input type="checkbox" id="chk2" />NO

  <script type="text/javascript">
      $(document).ready(function(){
          $('#chk1').click(function(){
          window.location='http://www.yahoo.com'; // link of your desired page.  
          });
      });
  </script>

- Moeed Farooqui

---

在这种情况下并不特别有帮助。OP并不是在寻求jQuery的解决方案。 - enhzflep