html5单选按钮1

来源:互联网 发布:sql 没有权限 编辑:程序博客网 时间:2024/06/05 13:24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>
<form id="list" method="post" action="">
<input type="radio" name="user" value="1">1
<input type="radio" name="user" value="2">2
<input type="radio" name="user" value="3">3
</form>
<input type="button" onclick="usubmit();" >23
<!--js-->
<script language="javascript">
function usubmit(action){//获取radio的value的方法
var radios = document.getElementById("list").user;//获取id为list下的所有name为user的值的集合
for(var i=0;i<radios.length;i++){//循环值得集合
if(radionum[i].checked){//通过checked属性判断是否被选中
userid = radionum[i].value//将被选择的radio的值赋给变量userid
}
}
alert(userid)//弹出被选中的radio的值
}
</script>
</body>
</html>
原创粉丝点击