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>优质内容筛选与推荐>>