怎么利用js代码选中其中一个radio单选按钮,然后跳到指定网页。

比如我选部门管理,然后点登陆跳到指定的页面?

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<script>标签,输入js代码:

function fun() {

var a = $('input:radio:checked').val();

if (a == 1) {

location.href = 'page1.html';

} else {

location.href = 'page2.html';

}

}

3、浏览器运行index.html页面,选择内容管理,点击登录。

4、此时成功进入到了page2.html页面。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-12-16
<script type="text/javascript">
function login() {
    var portals = document.getElementsByName("portal");
    for(var i = 0; i < portals.length; i++) {
        if(portals[i].checked) {
            if(portals[i].value === "department") {
                location.href = "部门管理地址";
            }
            else if(portals[i].value === "content") {
                location.href = "内容管理地址";
            }
        }
    }
}
</script>


<input type="radio" name="portal" value="department" /> 部门管理
<input type="radio" name="portal" value="content" /> 内容管理
<input type="button" value="登录" onclick="login()" />

本回答被提问者采纳
第2个回答  2013-05-24
..............$(button).click(function(){window.location=$("radio:checked").val();})
把你要跳转的路径放到radio的value属性应该就可以了
第3个回答  2013-05-23
单选框value给个 跳转页面的地址 点登录在js里获取地址 然后loction那个地址就OK了

怎么利用js代码选中其中一个radio单选按钮,然后跳到指定网页。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的标签,输入js代码:functionfun(){ vara=$('input:radio:checked').val();if(a==1){ location.href='page1.html';}else{ location.href='page2.html';} } 3、浏览器运行index.html页面,选...

javascript怎么选中radio
是 否 是 否 (function(){ ("#btn1").click(function(){ ("input[name='rdo1']").eq(0).attr("checked","checked");("input[name='rdo1']").eq(1).removeAttr("checked");("input[name='rdo1']").eq(0).click();});("#btn2").click(function(){ ("input[name='r...

html单选框怎么用js实现选中
选中单选框JS代码:var target = document.getElementById("radioId");target.checked = true;附完整代码:<!DOCTYPE html> <!--STATUS OK--> demo

jsp中男女选择,选中一个就不能选另外一个,怎么写的?radio单选
1、新建一个html文件,命名为test.html。2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。3、在test.html文件内,在p标签内,使用input标签创建两个radio选项,分别是男,女两个选项。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取选中...

如何用js来设置单选按钮的选中状态
var a = '';('#id').innerHTML(a);

jsp中男女选择,选中一个就不能选另外一个,怎么写的?radio单选
1、新建一个html文件,命名为test.html。2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。3、在test.html文件内,在p标签内,使用input标签创建两个radio选项,分别是男,女两个选项。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取选中...

求当点击Iframe层里的radio按钮时将其值传递给父层隐藏域的JS写法
B C 一般在页面中我们定义js函数myfunction(),调用它实际上是window.myfunction(),调用父窗口的js函数用parent.myfunction()

求js选择语句两个选择,选择第一个或者第二个点击同一个按钮进入不同的...
可以直接把下面的代码复制到你的网页里运行。我在IE8测试通过 function goto(){ if(document.getElementById('radio1').checked){ window.location.href="http:\/\/www.baidu.com";return;} if(document.getElementById('radio2').checked){ window.location.href="http:\/\/www.sina.com";return...

Javascript 如何判断其中一个radio被选中
1、这是html代码,有2个ratio,name都是"sex",值分别为"男"和"女"男: 女: 选中的性别是 2、在javascript代码中,绑定按钮事件,点击时用选择器判断哪个ratio选中并弹窗。(function() { ("#button").click(function() { var val = $("[name=sex]:checked").val();val = val ...

如何用JS取得单选框radiobox和复选框checkbox当前选中的值
我用jq;单选框;if($('radio').attr('check')=='checked'){ console.log($(this).value)\/\/获取value值 console.log($(this).index())\/\/ 获取当前下标 } check同,换个名字就好了

相似回答