提交按钮取决于单选按钮

Question

当一个单选按钮被选中时，提交按钮应该指向与该单选按钮关联的页面

HTML

<label class="input-group">
  <span class="input-group-addon">
      <input type="radio" name="betalen" value="bitcoin" />
  </span>
  <div style=" width: 320px;" class="form-control form-control-static">
      BITCOIN
  </div>
  <span class="glyphicon form-control-feedback "></span>
</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="form-group has-feedback ">
  <label class="input-group">
  <span class="input-group-addon">
      <input type="radio" name="betalen" value="visa" />
  </span>
  <div style=" width: 320px;" class="form-control form-control-static">
      VISA
  </div>
  <span class="glyphicon form-control-feedback "></span>
</label>

我正在使用的 php 代码。我也在stackoverflow上找到了这段代码，但它不起作用......

<form action="pay-selector.php">
        <?php
    if (isset($_POST['betalen']) && $_POST['betalen'] == 'visa') {
        include('payvisa.php');
    } elseif (isset($_POST['betalen']) && $_POST['betalen'] == 'bitcoin') {
         include('paybitcoin.php');
    } 
 ?>

我有什么问题吗？

Answer 1

第一次添加onsubmit="setaction()" 到表单元素。

<form action="#default_action" id="form_id" onsubmit="setaction()">

然后将 id 添加到比特币无线电输入

 <input type="radio" id="bitcoin" name="betalen" value="bitcoin" /> 

然后添加以下脚本

<script>
    function setaction() {

     var refer_to = ($('#bitcoin')[0].checked === true)? "paybitcoin.php" : "payvisa.php";

     $('form').attr('action', refer_to); 

     return false;
    }
</script>

希望这会对你有所帮助。