使用jquery於submit時依條件置換目地網頁

使用jquery於submit時依條件置換目地網頁

目前專案上有一個功能需要在asp的網頁中,當使用者按下送出後要依畫面所選的條件來決定要到那個目地網頁。
使用了jquery的方式就可以實現這個需求。
當然如果您是jquery的熟手,這篇就可以跳過不用看了,這個只是小兒科的應用

書呆子

keynote:

location.href = "http://tw.yahoo.com";
return false;


以下為source code,僅供參考,不是絕對的寫法。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../JS/jquery-1.4.2.min.js" type="text/javascript"> </script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $("#Submit1").click(function () {
                 if ($(":radio:checked").val() == 'google')
                    location.href = "http://www.google.com.tw";
                else if ($(":radio:checked").val() == 'yahoo')
                    location.href = "http://tw.yahoo.com";
                return false;
            });
        });
    </script>
    
</head>
<body>
    <form id="form1" runat="server" action="" >
    <input id="Radio1" type="radio" value="google"  name="rd"/>google<input id="Radio2" 
        type="radio" value="yahoo"  name="rd" />yahoo<br />
    <input id="Submit1" type="submit" value="submit"  /><div>
    
    </div>
    </form>
</body>
</html>

‧覺得文章不錯請給我一個『讚』作為鼓勵喔!