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

最新推荐文章于 2022-03-29 17:08:08 发布

weixin_30407099

最新推荐文章于 2022-03-29 17:08:08 发布

阅读量128

点赞数

文章标签： javascript 数据库 xhtml ViewUI

原文链接：http://www.cnblogs.com/fanfan123/archive/2012/10/07/2714439.html

版权

引入

<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>

转载于:https://www.cnblogs.com/fanfan123/archive/2012/10/07/2714439.html

weixin_30407099

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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"&g...
复制链接

扫一扫