欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

html之判断radio单选框是否被选中

程序员文章站 2022-07-14 22:30:29
...

效果图:(选中第1个后点击“test”按钮,弹出提示框)
html之判断radio单选框是否被选中
实现代码:

<html> 
<body> 
 
男性:<input type="radio" id="man" name="xxx"/>
<br />
女性:<input type="radio" id="woman" name="xxx"/>
<br />
 
<button onClick="output()">test</button>
 
<script>
function output(){
    if(document.getElementById("man").checked){
		alert("第1个被选中");
	}
 
    if(document.getElementById("woman").checked){
		alert("第2个被选中");
	}
}
</script>
 
</body>
</html>

PS:复选框checkbox同理

相关标签: input

上一篇: 获取URL参数值

下一篇: jQuery入门