【问题标题】:Bootstrap radio button changing urlBootstrap 单选按钮更改 url
【发布时间】:2015-07-17 00:41:00
【问题描述】:

我正在使用 cakePHP 和 bootstrap 单选按钮,我想知道如何将单选按钮 onclick 重定向到不同的页面

<div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary active">
            <input type="radio"  name="options" id="option1" autocomplete="off" checked>  Individual
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option2" autocomplete="off"> Company </a>
        </label>

    </div>

这是我的单选按钮的代码,但我想知道如何使用 javascript 重定向到另一个页面/url,或者在 cakephp 中有什么方法,请告诉我怎么做。 可以这样用吗?

<script>
  $('#option1').on('click', function () {
    // how do I redirect now ? //
  })
</script>

【问题讨论】:

  • 为什么不在location.href中设置一个新的url?
  • 我不明白,你能告诉我你的意思吗?喜欢写代码

标签: javascript twitter-bootstrap cakephp radio-button


【解决方案1】:

你只需要一个普通的 js 重定向,你应该使用 CakePHP 路由器来确保链接是正确的(如果它是一个内部链接):

<script>
$("input[name='options']").click(function(){
//$('#option1').on('click', function () {
    // how do I redirect now ? //
    window.location.href = '<?php echo Router::url(array('controller' => 'your_controller', 'action' => 'your_action')); ?>';
  })
</script>

【讨论】:

  • 我将控制器作为用户,将操作作为我想要定向的页面,即 add2 .. 不工作,不知道为什么
  • 看来您需要发布数据,这样是否正确?如果是这样,那么您需要提交表单而不是重定向它... (api.jquery.com/submit)
  • 不,我只需要在单击选项卡时更改到不同的页面,我尝试像这样修复它但仍然不起作用..
  • 我没有注意到这是一个无线电输入!编辑了我的答案,它现在可以工作了……或者检查一下:jsfiddle.net/hugot77/3pg5bwr4
猜你喜欢
  • 2021-04-09
  • 1970-01-01
  • 1970-01-01
  • 2013-08-04
  • 2013-08-07
  • 2013-02-16
  • 1970-01-01
  • 2013-08-02
  • 2017-01-09
相关资源
最近更新 更多