Javascript 填充下拉列表和单选按钮选择，继续右url

我试图强迫我的客户在cart.php上做两个选择，然后才能进行结帐。根据这些选择，客户将被重定向到正确的页面。 但它并没有像我想的那样显示在网页上

html

javascript

$("#mybutton").on("click", function(e){
    document.location.href=$('input[name=a]:checked', '#myForm').val();
});

---

你的代码有更多的问题，我不得不改变一些事情。 下面是一个工作小提琴的例子： 请注意，JSFIDLE不会将您转发到URL，因为它拒绝显示外部链接，但您可以看到它可以使用浏览器的控制台工作-F12按钮在大多数浏览器中打开控制台的开发人员模式

在html代码中，我向表单和按钮添加了一个id，用于jquery标识：

---

您需要查看的内容：

除非没有其他方法，否则不要有多个表单 将所有html属性用引号括起来。 没有预标记。为元素设置样式以适合您的UI 看看下面的HTML/JS

演示：

在页面的标题部分包括以下jQuery

---

功能中的a是什么？单选按钮的名称。不起作用。当我在broser上访问cart.php时，它会显示单选按钮字段。我希望他们在选择国家之前被隐藏起来。如果选择瑞典，他们应该得到所有的选择，如果他们选择任何其他的，他们只能选择贝宝。然后按钮将它们带到右边，所以我想主要的问题是，您没有包括jquery？似乎有用！唯一的问题是它并没有在浏览器中加载？maybee我没有在php中正确编写它？您是否像在我的编辑中那样对警报进行注释并取消对location.href行的注释？没有在浏览器中加载？可以将jquery代码移到页面底部吗？可能就在标签前面？你用的是什么版本的jquery？我不知道。我在这方面不太在行。我试图在woocommerce中将i添加到cart.php。当我转到chrome时，我得到了以下信息：uncaughttypeerror:object[object object]的属性“$”不是一个函数我认为jQuery在您的页面上丢失了。查看我的编辑。

    $(document).ready(function () {
    $('.group').hide();
    $('#none').show();
    $('#selectMe').change(function () {
    $('.group').hide();
    $('#'+$(this).val()).show();
       })
    });

    function linkselect(what) {
    for (var i=0; i<3; i++) { 
    if (what.a[i].checked == true)
    location.href = what.a[i].value;
       }
    }

   To  proceed please fill this following steps.<br>
   Country:<br><select id="selectMe">
   <option value="none">Choose country</option>
   <option value="sweden">sweden</option>
   <option value="other">other</option>
   </select>
   <br><br><br>

   <div id="sweden" class="group">
   <BLOCKQUOTE><font size="4" face="Alice">Choose payment method</font><HR>
   <pre>
   <form name="jump" id="myForm"> 
   <input type=radio name=a value="http://facebook.com">Klarna checkout<br>
   <input type=radio name=a value="http://google.com">Paypal<br>
   <input type=radio name=a value="http://paypal.com">cash on delivery<br>

   <input type="button" value="Proceed to checkout" id="mybutton">
   </form>

$("#mybutton").on("click", function(e){
    document.location.href=$('input[name=a]:checked', '#myForm').val();
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<select id="selectMe">
  <option value="none">Choose country</option>
  <option value="sweden">sweden</option>
  <option value="other">other</option>
</select>


<div id="wrapper" class="group" style="display:none;">
  <BLOCKQUOTE><font size="4" face="Alice">Choose payment method</font></BLOCKQUOTE><HR>
  <form name="jump">

    <div class="sweden" style="display:none;">
      <input type="radio" name="a" value="http://facebook.com" />Klarna checkout<br>
      <input type="radio" name="a" value="http://google.com" />Paypal<br>
      <input type="radio" name="a" value="http://paypal.com" />cash on delivery<br>
    </div>

    <div class="other" style="display:none;">
      <input type="radio" name="a" value="http://paypal.com"/>Paypal<br>
    </div>

    <input id="checkout" type="button" value="Proceed to checkout" />

  </form>
</div>

$(document).ready(function () {
    var group = $('.group');
    $('#selectMe').change(function () {
        $('form[name="jump"] :radio').prop('checked', false);
        var selected = $(this).val();
        group[selected !== 'none'? "show" : "hide"]();
        group.find('div').hide();
        $('.'+selected).show();
    });

    $('#checkout').bind('click', function() {
        var selectedVal = $('form[name="jump"] :radio:checked').val();
        if ( selectedVal ) {
            //alert (selectedVal);
            window.location.href = selectedVal;
        }
    });
});