Javascript 传递要重定向到新页面的单选按钮

我正在尽我所能改写这篇文章

我希望这样，当有人进入一个页面时，他们会得到一个单选按钮的值，这是一个链接，一旦他们点击提交，就会将他们发送到那里

这是我试过的代码

 <form name = "quoted" method="get">
     <input id = "poster" type="text" name="poster" required="required" placeholder = "Credited Individual.">     <br>
     <textarea class = "actual_quote" name = "actual_quote" required="required" placeholder = "Write the question here!"></textarea><br><br><br>
     <div class = "checkboxes" required="required">
         <h3 style = "margin-top:-20px;">Please select one catagory that the quote falls into.</h3>
         <label for="x"><input type="radio" name="x" value="stupid.php" id = "x" checked="checked" />    <span>stupid</span></label><br>
         <label for="x"><input type="radio" name="x" value="stupider.php" id = "x" /> <span>stupider</span>    </label><br>
         <label for="x"><input type="radio" name="x" value="stupidest.php" id = "x"/>    <span>stupidest</span></label>
     </div>
     <input id = "submit1" type="submit"><br>
 </form>

我做错了什么？ 我只希望用户能够选择一个单选选项，一旦选择了该单选选项并按下submit，就可以将其重定向到该值所指向的某个页面

请帮忙！欢迎任何建议！ -康纳试试这个

<script type="text/javascript">
    function get_action(form) {
        form.action = document.querySelector('input[name = "x"]:checked').value;
    }

</script>


<form name = "quoted" method="get" onsubmit="get_action(this);">
     <input id = "poster" type="text" name="poster" required="required" placeholder = "Credited Individual.">     <br>
     <textarea class = "actual_quote" name = "actual_quote" required="required" placeholder = "Write the question here!"></textarea><br><br><br>
     <div class = "checkboxes" required="required">
         <h3 style = "margin-top:-20px;">Please select one catagory that the quote falls into.</h3>
         <label for="x"><input type="radio" name="x" value="stupid.php" id = "x" checked="checked" />    <span>stupid</span></label><br>
         <label for="x"><input type="radio" name="x" value="stupider.php" id = "x" /> <span>stupider</span>    </label><br>
         <label for="x"><input type="radio" name="x" value="stupidest.php" id = "x"/>    <span>stupidest</span></label>
     </div>
     <input id = "submit1" type="submit"><br>
 </form>

函数get_动作（表单）{
form.action=document.querySelector（'input[name=“x”]：checked'）。值；
}






请选择报价所属的一个类别。
愚蠢的

愚蠢者

愚蠢的

---

这会奏效的。如果有效，请投票。：）

您的代码似乎运行良好

---

确保php文件有效且正常工作。如果页面正在加载但未显示，则可能是php文件有问题。如果在单击“提交”时未加载任何页面，请尝试使用其他浏览器，因为此处的代码工作正常。

在表单中会出现“提交回发”，因此重定向不会像以前那样工作this@EhsanSajjad不！有

event.preventDefault（）

将停止该操作。是否要将表单提交到该url？警报（$（'input[type=radio]：checked'）.val（）的结果是什么？您的代码似乎正常工作。这可能意味着您的终端缺少了一些内容。您包括jQuery库了吗？打开浏览器控制台，查看是否在页面加载或“提交”按钮上打印任何内容

<script type="text/javascript">
    function get_action(form) {
        form.action = document.querySelector('input[name = "x"]:checked').value;
    }

</script>


<form name = "quoted" method="get" onsubmit="get_action(this);">
     <input id = "poster" type="text" name="poster" required="required" placeholder = "Credited Individual.">     <br>
     <textarea class = "actual_quote" name = "actual_quote" required="required" placeholder = "Write the question here!"></textarea><br><br><br>
     <div class = "checkboxes" required="required">
         <h3 style = "margin-top:-20px;">Please select one catagory that the quote falls into.</h3>
         <label for="x"><input type="radio" name="x" value="stupid.php" id = "x" checked="checked" />    <span>stupid</span></label><br>
         <label for="x"><input type="radio" name="x" value="stupider.php" id = "x" /> <span>stupider</span>    </label><br>
         <label for="x"><input type="radio" name="x" value="stupidest.php" id = "x"/>    <span>stupidest</span></label>
     </div>
     <input id = "submit1" type="submit"><br>
 </form>

$(function(){
$('form').submit(function(event){
    event.preventDefault();
    window.location = $('input[type=radio]:checked').val();
});
});