jQuery如何实现点击DIV同时点击CheckBox并为DIV上背景色

这篇文章主要介绍jQuery如何实现点击DIV同时点击CheckBox并为DIV上背景色，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

突泉网站建设公司创新互联建站,突泉网站设计制作，有大型网站制作公司丰富经验。已为突泉千余家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的突泉做网站的公司定做！

代码如下

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>JqueryTest</title>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script>
	$(document).ready(function () {

		$('input').click(function(e){
			e.stopPropagation();
			var parent = $(this).parent();
			$(this).is(':checked') ? parent.css('background-color','#CCC') : parent.css('background-color','#FFF');
		});

		$('div').click(function(){
			$(this).find(':checkbox').click();
			if($(this).css('background-color') == 'rgb(255, 255, 255)'){
				$(this).css('background-color', '#CCC');
			}else{
				$(this).css('background-color', '#FFF');
			}
		});
	});
	</script>
</head>
<body>
  <div>
    <input type="checkbox" />A
  </div>
  <div>
    <input type="checkbox" />B
  </div>
  <div>
    <input type="checkbox" />C
  </div>
</body>
</html>

效果截图：

jQuery如何实现点击DIV同时点击CheckBox并为DIV上背景色

以上是“jQuery如何实现点击DIV同时点击CheckBox并为DIV上背景色”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站栏目：jQuery如何实现点击DIV同时点击CheckBox并为DIV上背景色
转载来源：https://www.cdcxhl.com/article16/jocpgg.html

成都网站建设公司_创新互联，为您提供网站设计、建站公司、品牌网站建设、服务器托管、网站内链、ChatGPT

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容