获取输入类型无线电的值和重定向,具体取决于选择哪一个

时间:2017-08-02 13:14:29

标签: php html css ajax laravel

我有这个观点:

[A-Za-z]{1,2}

我希望在用户点击输入时重定向用户,具体取决于选择的输入。

我想将它与ajax一起使用。

控制器的功能和路径应如何显示?

我认为ajax可以帮助你做到这一点。

非常感谢,如果对代码或问题有任何疑问,请提出任何帮助,请提出。

4 个答案:

答案 0 :(得分:3)

你可以使用jquery onclick函数来完成它。在单选按钮上添加一个类或ID,如下所示。

  <h2>¿Este cliente esta relacionado con un proyecto existente?</h2>

          <form  enctype="multipart/form-data" id="redirectProject" name="redirectProject">
                <div class="form-group">

                  <div class="radio">
                  <label><input type="radio" class="si" name="optRadio">Si</label>
                  </div>

                  <div class="radio">
                  <label><input type="radio" class="no" name="optRadio">No</label>
                  </div>
                  <input type="submit" value="Avanzar" id="redirectProjectsubmit" class="btn btn-danger btn-md">
                  <br><br><br>

                </div>
          </form>
    <script>

   //when you click yes
    $('.si').click(function(event){
        window.location.replace("http://redirect_to_your_location.com");
    });

   //when you click no
   $('.no').click(function(event){
        window.location.replace("http://redirect_to_your_location.com");
    });
    </script>

答案 1 :(得分:1)

这只是一个基本想法,您可以轻松地根据您的需要进行调整:)

向表格收音机添加值。

<form enctype="multipart/form-data" id="redirectProject" name="redirectProject">
        <div class="form-group">

          <div class="radio">
          <label><input type="radio" name="optRadio" value="1">Si</label>
          </div>

          <div class="radio">
          <label><input type="radio" name="optRadio" value="0">No</label>
          </div>
          <input type="submit" value="Avanzar" id="redirectProjectsubmit" class="btn btn-danger btn-md">
          <br><br><br>

        </div>
  </form>

你的控制器看起来应该是这样的。

SomeController extends Controller {

    public function inputRedirect(Request $request) {
        if ($request->ajax()) {
            if ($request->input('optRadio') {
                return redirect('/somwhere');
            } else {
                return redirect('/somwhere-else');
            }
        }
    } 
}

并在route.php文件中为laravel&lt; = 5.3添加您的路线,或在laravel&gt; = 5.4

中添加routes/web.php
Route::get('/somewhere');
Route::get('/somwhere-else');

答案 2 :(得分:0)

两件事,

  1. 您需要为单选按钮赋值

    <div class="radio">
        <label><input type="radio" name="optRadio" value="yes">Si</label>
    </div>
    <div class="radio">
        <label><input type="radio" name="optRadio" value="no">No</label>
    </div>
    
  2. 点击广播附加事件监听器并相应地重定向

    $("[name=optRadio]").on("click", function () {
        var selected_value = $(this).val();
        if (selected_value == 'yes') {
            // Hide the div
        } else {
            window.location.href = "{{ url('path where to redirect') }}";
        }
    });
    

答案 3 :(得分:0)

在每个无线电上分配一个点击监听器,当它被触发时,使用jQuery查询它们周围的表单 - 现在您应该可以访问optRadio值。

之后,检查optRadio的真值或假值,即

(这是sudo代码,但想法就在那里;-))

&#13;
&#13;
let radio = //value from form

if(radio) {
  //redirect user after selecting 'Si'
} else {
  //redirect user after selecting 'No'
}

or

window.location = radio ? *Si url* : *No url*
&#13;
&#13;
&#13;