使用基于单选按钮选择的多个表单操作

时间:2014-07-07 10:30:58

标签: php radio

    

<p><h3 style="font-size:18px;">Call Status:</h3>

<body>
<div>
<form action="immediate.php">
    <label><input type="radio" name="colorRadio" <?php if (isset($colorRadio) && $colorRadio=="immediate" ) echo "checked";?>value="IMMEDIATE"> Call Immediate</label>
</form>

<form action="scheduled.php">   
   <label><input type="radio" name="colorRadio" <?php if (isset($colorRadio) && $colorRadio=="scheduled") echo "checked";?> value="SCHEDULED"> Call Scheduled</label>

      </form></div>
<div class="IMMEDIATE box">You have selected <strong>red radio button</strong> so i am here</div>

<div class="SCHEDULED box"><p>
    <td>
<input type="Text" id="demo1" name="demo1" maxlength="25" size="25"><a href="javascript:NewCal('demo1','DDMMYYYY',true,24)">
<img src="img/cal.gif" width="16" height="16" border="0"></a>
<span class="descriptions">Pick a Date</span>
    </p></div>

嗨先生,这是我的代码......我只想在选择单选按钮时添加多个表单操作...选择“立即呼叫”单选按钮,然后在immediate.php页面发送我的表单,如果呼叫计划是然后选择,然后在scheduled.php页面上发送页面

2 个答案:

答案 0 :(得分:0)

使用jQuery更容易。基本版本是:

<input type="radio" name="group1" id="basic" value="a.html" onclick="setLocation(this)" checked="checked" />

function setLocation(element) {
        document.forms[0].action = element.value
}

答案 1 :(得分:0)

这里有一个例子

<html>
 <head>
  <script type="text/javascript">
    function select()
    {
     var1=document.getElementById("radio1");
     var2=document.getElementById("radio2");
     if(var1.checked==true)
     {
        document.myform.action="immediate.php";
     }
     else
     {
        document.myform.action="Scheduled.php";
     }
   }
  </script>
</head>
<body>
  <form action="immediate.php" method="post" name="myform" onsubmit="select()">
    <input type="radio" id="radio1" name="colorRadio" value="IMMEDIATE"> 
    <input type="radio" id="radio2" name="colorRadio" value="Call SCHEDULED">
    <input type="submit" value="Submit">
   </form>
 </body>
 </html>

单击提交时检查所选单选按钮,并根据选择分配操作 希望它有所帮助

相关问题