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>
优质内容筛选与推荐>>
1、微服务架构实战
2、天使玩偶
3、如何备份思科、锐捷、Juniper的配置文件
4、Android为TV端助力之:maxWidth设置无效
5、【JSOI2018】潜入行动


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn