單選按鈕到新頁面

Question

嘿，不好意思問這個問題，但是我很困惑，我想讓代碼在單擊單選按鈕時轉到帶有操作的頁面，就像stupid.php的愚蠢單選按鈕是這樣的形式

<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" id = "x" checked="checked" action = "stupid.php" /><span>stupid</span></label>
        <br>
        <label for="x"><input type="radio" name="x" value="stupider" id = "x" action = "stupider.php" /><span>stupider</span></label>
        <br>
        <label for="x"><input type="radio" name="x" value="stupidest" id = "x" action = "stupidest.php" /><span>stupidest</span></label>
    </div>

    <input id = "submit1" type="submit"><br>
 </form>

這是每個頁面上的php（愚蠢，stupider和stupidest）的php錯誤，它表示實際報價和發布者未標識索引，對嗎？

    <div class="wrapper">
    <div class="submissions">
    <div class="logo-logo"><h2>Question.</h2>
    <div class="checkboxes"><?= !empty($_GET['x']) ? $_GET['x'] : '' ?>
    </div>

    </div>

 <div class="top-submit"><?php echo '&#8220;' . (!empty($_GET['actual_quote']) ?  $_GET['actual_quote'] : '') . '&#8221;'; $actual_quote = $_GET['actual_quote'];?>
 </div>
 <div class="poster"><?php echo "-" .  (!empty($_GET['poster']) ? $_GET['poster'] :''); $poster =  $_GET['poster'];?>
 <div class = "like">
 <a href = "javascript:countClicksLike();" class = "btn btn-large" style = "color:green;">Like</a>
 <p id = "like" style = "color:green;">0</p>
 </div>
 <div class = "dislike">
 <a href = "javascript:countClicks();" class = "btn btn-large" style = "float:right; color:red;">Dislike</a>
 <p id = "dis" style = "color:red;">0</p>
 </div>
  </div>
 <?php 
 "INSERT INTO submissions(top-submit, poster)
 VALUES ($actual_quote, $poster)";
?>
</div>
</div>

抱歉，我已經問了一個小時，但我的想法已經用完了。 任何建議都將受到歡迎。

澄清一下，我希望每個單選按鈕在單擊“提交”按鈕后都進入一個新頁面，我希望讓它們選中一個單選選項，然后單擊“提交”並定向到該頁面。 v

Answer 1

演示

 <label for="x"><input type="radio" name="x" value="stupid" id = "x" checked="checked" action = "stupid.php" />    <span>stupid</span></label><br>

根據您的單選按鈕，

$("input[type=radio]").click(function() {
         window.location.href = $(this).attr("action"); 
});

因此，當用戶單擊任意一個單選按鈕時，單擊處理程序會將其帶到action屬性中提到的相應頁面。

如果僅在選中單選按鈕時才希望重定向，而在未選中時不希望重定向，請使用if($(this).is(":checked"))檢查條件

Answer 2

我不明白為什么您不使用anchors來重定向而不是搞亂輸入。 如果使用錨，則不需要任何輸入的自定義操作屬性。

而且，如果您有一個表單，那么為什么不簡單地為此目的使用它的action屬性呢？ 而且在后端，您可以輕松處理重定向，而不必依賴javascript重定向。

不過，如果您想使用輸入進行導航和重定向，並且由於您未提及jQuery，我假定您需要純Javascript解決方案。 您可以在輸入中使用內聯javascript，例如：

<label><input type="radio" action="http://www.google.com" onclick="window.location.href=this.action;"  />Google</label>

如果您需要jQuery解決方案，請參考mohamedrias上面提供的解決方案。

Answer 3

您是否要根據單選按鈕的選擇將值發布到不同的php文件中。 如果是的話，我認為您可以使用jquery達到相同的效果。

$("input[type='radio']").click(function(){
$("form").attr('action',$(this).attr('action'));
});

上面的代碼會將click事件處理程序添加到所有單選按鈕。 當用戶單擊單選按鈕時，單選按鈕的action屬性將設置為表單。 提交表單后，它將調用當前所選單選按鈕的action屬性中設置的php文件。