【问题标题】:How to set href to a checkbox on click?单击时如何将href设置为复选框?
【发布时间】:2013-06-24 14:28:55
【问题描述】:

1.如何在点击时将href设置为复选框

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

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

但是当我选中一个复选框时..它不会转到另一个页面..

2.如何设置点击YES文本而不是Yes Checkbox时勾选 请帮我.. 谢谢

【问题讨论】:

  • 你为什么要这个?它将转到另一个页面
  • yup.. 选中复选框.. 我想渲染到另一个页面
  • 记住复选框应该做他们做的事,如果用户不期望重定向它很奇怪。你可以做一个按钮。复选框用于&lt;form&gt; 提交。
  • 第二季度的答案 - 简单。使用&lt;label&gt; 标签。您只需包装您想要关联的复选框和文本(在您的情况下为“是”),然后,可以单击标签或复选框来切换复选框。即&lt;label&gt;&lt;input type='checkbox'/&gt;Yes&lt;/label&gt;

标签: javascript html checkbox


【解决方案1】:

&lt;input type="checkbox" onclick='window.location.assign("/Demo/sense/show/4")'/&gt;Yes

【讨论】:

    【解决方案2】:

    也许是这样的?

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

    也许还有一个标签:

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

    【讨论】:

      【解决方案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>
      

      【讨论】:

      • 在这种情况下不是特别有用。 Op 不是在寻找 jQuery 解决方案。
      猜你喜欢
      • 2017-05-24
      • 2016-11-14
      • 1970-01-01
      • 1970-01-01
      • 2018-10-26
      • 2016-10-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多