Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据收音机/选择选项重定向_Javascript_Jquery - Fatal编程技术网

Javascript 根据收音机/选择选项重定向

Javascript 根据收音机/选择选项重定向,javascript,jquery,Javascript,Jquery,由于对javascript不熟悉,我对javascript的理解有些过头了。但我正在努力:P 基本上,我需要做的是根据下表中选择的选项重定向到url。总共有4张支票 如果选择了Windows和Advanced,则重定向到 如果选择了Windows和Basic,则重定向到B 如果选择了Mac和Basic,则重定向到C 如果选择了Linux和Basic,则重定向到D 然而,我不太确定如何才能抓取每个单选按钮的具体名称并选择选项,更不用说查看它们是否被选中,并进行上面列出的检查 如果有人能给我指出

由于对javascript不熟悉,我对javascript的理解有些过头了。但我正在努力:P

基本上,我需要做的是根据下表中选择的选项重定向到url。总共有4张支票

  • 如果选择了Windows和Advanced,则重定向到
  • 如果选择了Windows和Basic,则重定向到B
  • 如果选择了Mac和Basic,则重定向到C
  • 如果选择了Linux和Basic,则重定向到D
然而,我不太确定如何才能抓取每个单选按钮的具体名称并选择选项,更不用说查看它们是否被选中,并进行上面列出的检查

如果有人能给我指出正确的方向,我将不胜感激。谢谢

     <form action="process_form.php" class="TTWForm" method="post" novalidate="">
        <div id="field3-container" class="field f_100">
          <label for="field3">Your Operating System</label>
          <select name="field3" id="field3" required="required">
            <option id="field3-1" value="Windows"> Windows </option>
            <option id="field3-2" value="Mac"> Mac </option>
            <option id="field3-3" value="Linux"> Linux </option>
          </select>
        </div>
        <div id="field2-container" class="field f_100 checkbox-group required">
          <label for="field2-1">Version</label>
          <div class="option clearfix">
            <input type="radio" name="field2[]" id="field2-1" value="Basic">
            <span class="option-title"> Basic </span> <br>
          </div>
          <div class="option clearfix" id="optional">
            <input type="radio" name="field2[]" id="field2-2" value="Advanced">
            <span class="option-title"> Advanced </span> <br>
          </div>
        </div>
      </form>

您的操作系统
窗户
雨衣
Linux
版本
基本的
高级

我会添加一个按钮,并在提交表单时执行以下操作:

$(".TTWForm").on('submit', function(e) {
    e.preventDefault();
    var field2 = $("#field2-1").is(':checked') ? 'Basic' : $("#field2-2").is(':checked') ? 'Advanced' : null,
        field3 = $("#field3").val();

    if (!field2) {
        alert('Select a version!');
        return;
    }

    var url = 'http://mysite.com/' + field2 + '/' + field3 + '/';
    document.location.href = url;
});​

如果选择了Mac和Advanced,或者选择了Linux和Advanced,该怎么办?你有四个以上的选择。除非在选择Mac或Linux时隐藏advance radio。是否要使用ajax提交此表单?否则,重定向对于JavaScript/jQuery是无用的。您将向服务器发送数据,服务器将处理表单值。此时,我们将发送一个值,如
'$\u POST['redirecto']
,它看起来像
http://www.mypage.com/somewhere/something.php
。我们将使用它来执行
标题(“位置:“.$\u POST['redirecto'])@John Hartsock Mac/Linux没有高级选项。它们是隐藏的。@Ohgod为什么我要做的是根据表单中选择的选项重定向到下载。@user1368667。。。显然,您还有一些额外的代码要显示。请让我们看看你试过什么。它可以帮助我们帮助你。此外,如果你正在隐藏这些字段,那么看看你是怎么做的会有帮助。已经有一个按钮了。我只是想让事情变得相当紧凑。刚刚测试了你的代码,它正在工作。我会尽力让所有的选择都正确。谢谢你的帮助。如果一切顺利,我会接受这个答案:)