jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

2019-11-19 14:42:21

字体：大中小

来源：转载

供稿：网友

废话不多说，直接上代码吧

<!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>

效果截图：