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上背景色的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

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

请登录后发表评论