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，愚蠢，愚蠢和愚蠢，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

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

Answer 2

我无法理解你为什么不使用anchors重定向而不是搞乱输入。如果使用锚点，则输入中不需要任何自定义操作属性。

此外，如果您有表格，那么为什么不简单地使用它的动作属性。在后端，您可以轻松处理重定向，而不是依赖于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文件

单选按钮到新页面

3 个答案: