選擇單選按鈕選項后如何提交簡單表格

Question

我有一個帶有2個單選按鈕選項的簡單HTML表單，我想為每個選擇的單選按鈕調用不同的網頁

我一直在嘗試使用javascript，但是我是javascript的新手，有沒有一種使用jquery做到這一點的方法？

這是我的HTML：

<form action="" id="formoid" title="" method="post">
 <div><input type="radio" name="op" id="op" value="student"><span>student</span>
 <input type="radio" name="op" id="op" value="company"><span>company</span>  
 </div>
 </div>
 <div><input type="submit" name="submit" id="submit" value="Submit"></div>
</form>

謝謝！

Answer 1

我不確定我是否正確，但是如果您要更改表單的aciton屬性，請使用以下命令：

<form action="" id="formoid" title="" method="post">
    <div><input type="radio" name="op" id="op" value="student" data-action="http://foo-bar.baz/form.php"><span>student</span>
    <input type="radio" name="op" id="op" value="company" data-action="http://foo-bar2.baz/form.asp"><span>company</span>                        </div>
    </div>
    <div><input type="submit" name="submit" id="submit" value="Submit"></div>
</form>

然后添加javascript代碼（已加載jQuery）：

<script type="text/javascript">
    $('#formoid radio[name="op"]').click( function() {
        $('#formoid').attr('action', $(this).attr('data-action') );
    } );
</script>

順便說一句 您有無效的html結構，最好也修復它：)

Answer 2

$("#submit").click(function(){
var val = $("input[type='radio']:checked").val();

if(val == "student"){
//post to 1 page
}

if(val == "company"){
//post to 1 page
}

Answer 3

javascript

<form action="#a" name="f1" title="" method="post" onSubmit=doSubmit()>
    <div><input type="radio" name="op" id="op" value="student"><span>student</span>
    <input type="radio" name="op" id="op" value="company">    <span>company</span>                        </div>
    </div>
    <div><input type="submit" name="submit" id="submit" value="Submit"></div>

    </form>

    <script>

function getRadioButtonValue(rbutton)
      {
        for (var i = 0; i < rbutton.length; ++i)
        {
          if (rbutton[i].checked)
            return rbutton[i].value;
        }
        return null;
      }


    function doSubmit(){
        val = getRadioButtonValue( document.f1.op)  

        if(val == "student"){
                document.f1.action = "student.html"
            }else{
            document.f1.action = "company.html"
        }
        document.f1.submit()
    }

    </script>