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

JavaScript014

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

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

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

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

functionfun(){

vara=$('input:radio:checked').val()

if(a==1){

location.href='page1.html'

}else{

location.href='page2.html'

}

}

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

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

可以按照下面的代码来操作:

<html>

<head>

<script type="text/javascript" src="./jquery.min.js"></script>

</head>

<body>

<div>

<input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/>是

<input id="rdo1" name="rdo1" type="radio" value="0"/>否

<button id="btn1">是</button>

<button id="btn2">否</button>

<div>

<script type="text/javascript">

$(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='rdo1']").eq(0).removeAttr("checked")

$("input[name='rdo1']").eq(1).attr("checked","checked")

$("input[name='rdo1']").eq(1).click()

})

})

</script>

</body>

</html>

Javascript判断哪一个radio被选中,可以用jquery的选择器方便的找到和判断。

选择器的写法像这样$("[name=radio的name]:checked")。

这是针对此问题的测试页面。

1、这是html代码,有2个ratio,name都是"sex",值分别为"男"和"女"

男:

<input type="radio" name="sex" value="男" />

<br />

女:

<input type="radio" name="sex" value="女" />

<br/>

<br/>

<button id="button">

选中的性别是

</button>

2、在javascript代码中,绑定按钮事件,点击时用选择器判断哪个ratio选中并弹窗。

$(function() {

$("#button").click(function() {

var val = $("[name=sex]:checked").val()

val = val || '未选中'

alert(val)

})

})

这是运行效果