判断radio单选按钮是否选中

使用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>
相关推荐
©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页