html radio 是否选中的判断

最新推荐文章于 2023-08-12 12:21:00 发布

_noname

最新推荐文章于 2023-08-12 12:21:00 发布

阅读量4.2k

点赞数 1

分类专栏： web 文章标签： javascript html

本文链接：https://blog.csdn.net/williamfan21c/article/details/53946208

版权

web 专栏收录该内容

59 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Platform</title>
</head>
<script type="text/javascript">

	function genderShow(){
		if(document.getElementById("male").checked)
		{
			alert(document.getElementById("male").value);
		}
		if(document.getElementById("female").checked){
			alert(document.getElementById("female").value);
		}
	}

</script>
<body >
	<div>
	<ul>sex:
		<li>man:<input type="radio" id="male" name="sex" value="man"/></li>
		<br/>
		<li>woman:<input type="radio" id="female" name="sex" value="woman"/></li>
		<br/>
	</ul>
		<button οnclick="genderShow()">showGender</button>
	</div>
</body>
</html>