单选按钮到新页面

Radio buttons to new page

本文关键字：新页面 单选按钮      更新时间：2023-09-26

大家好，很抱歉问这个问题，但我被难住了，我想让代码在单选按钮被点击时跳转到页面，就像愚蠢的单选按钮跳转到愚蠢的。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，愚蠢，愚蠢，最愚蠢，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

DEMO 

 <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"))来检查条件

我不明白为什么你不使用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提供的解决方案。

您是否尝试根据单选按钮的选择将值发布到不同的php文件?如果是，我认为你可以实现相同的使用jquery。

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

以上代码将为所有单选按钮添加单击事件处理程序。当用户单击单选按钮时，单选按钮的action属性将被设置为表单。当提交表单时，它将调用当前选中的单选按钮

的action属性中的php文件集。
相关文章：