版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wd2011063437/article/details/79746463
使用jquery进行判断radio单选是否选中并获取选中的value值。
直接上代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
function checkRadio(){
var item1 = $('input:radio[name=sex]:checked').val();
if(item1 == null){
alert('选中一个sex');
}else{
alert(item1);
}
var item2 = $('input:radio[name=list]:checked').val();
if(item2 == null){
alert('选中一个list');
}else{
alert(item2);
}
}
</script>
</head>
<body>
<form action="" method="post">
<input type="radio" name="sex" value="boy" />boy
<br/>
<input type="radio" name="sex" value="girl" />girl
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<br/>
<button onclick="checkRadio()">单击</button>
</form>
</html>