点击不同的按钮,让网页背景变色

在这里插入图片描述

body

		<form>
			颜色<input type="radio" name="color" checked="checked" value="red" onclick="getsex()"/><input type="radio" name="color"  value="yellow" onclick="getsex()"/><input type="radio" name="color" value="blue" onclick="getsex()"/></form>

js

<script type="text/javascript">
			function getsex(){
    
    
				var colorvalue="";
				var color=document.getElementsByName("color");//创建数组
				for(var i=0;i<color.length;i++){
    
    
					if(color[i].checked==true){
    
    
						colorvalue=color[i].value; //看那个被点击了
						break;
					}
				}
				document.body.bgColor=colorvalue;
			}
		</script>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_71170361/article/details/126055523