jquery实现input控件不同选择跳转方法

引入

<script src="Scripts/jquery-1.7.1.min.js"></script>

 这个例子用了radio，ckeckbox同理。

可以用来简单问卷调查，不用连接数据库。
直接JS判断

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(":button").click(function () {
                var str = $("input:checked").val();
                if (str == "1") {
                    window.location.href = "http://book.douban.com/subject/4726323/"
                }
                else if (str == "2") {
                    window.location.href = "http://www.kuwo.cn/yinyue/1160113/"
                }
                else {
                    window.location.href = "http://v.youku.com/v_show/id_XMzc0Njc1ODE2.html"
                }
            });
        });
    </script>

</head>
<body>
    <h1>Hello,请作答</h1>
    <input type="radio" value="1" name="radio1" />健健是天才
    <br />
    <input type="radio" value="2" name="radio1" />健健大煞笔
    <br />
    <input type="radio" value="3" name="radio1" />健健是色狼
    <br />
    <input type="button" value="请选一个" />
</body>
</html>
posted @ 2012-10-07 21:43  范范123  阅读(369)  评论(0)  编辑  收藏  举报