jQuery实现变色

最新推荐文章于 2022-02-28 19:19:39 发布

商炳奇

最新推荐文章于 2022-02-28 19:19:39 发布

阅读量940

点赞数

分类专栏： C#

本文链接：https://blog.csdn.net/shang_111111/article/details/8836767

版权

C# 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

<title></title>

<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
function backgorundColor(i) {
// this.document.body.style.backgroundColor = i;
// this.document.getElementById('div1').style.backgroundColor= i;
this.document.getElementsByName('div').item[0].style.backgroundColor = i;
}

function changeColor() {
var a = document.getElementsByName('color');
for (var i = 0; i < a.length; i++) {
if (allradio[i].checked == true) {
document.body.style.backgroundColor = a[i].value;
}
}
}

// $(function () {
// $('input').click(function () {
// $('body').css('background-color',$(this).attr('value'));
// })
// })
</script>
</head>
<body>
<div id="div1" style="width:200px;height:200px;"></div>

<input id="Radio1" type="radio" value="Red" name="color" οnclick="backgorundColor('Red')" /> 红色
<input id="Radio2" type="radio" value="Blue" name="color" οnclick="backgorundColor('Blue')" />蓝色
<input id="Radio3" type="radio" value="Green" name="color" οnclick="backgorundColor('Green')" />绿色
<input id="Radio4" type="radio" value="Orange" name="color" οnclick="backgorundColor('Orange')" />橙色
</body>

商炳奇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现变色

function backgorundColor(i) { // this.document.body.style.backgroundColor = i; // this.document.getElementById('div1').style.backgroundColor= i; thi
复制链接

扫一扫

专栏目录