欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQuery怎么實現(xiàn)點擊DIV同時點擊CheckBox并為DIV上背景色

本篇內(nèi)容介紹了“jQuery怎么實現(xiàn)點擊DIV同時點擊CheckBox并為DIV上背景色”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!

站在用戶的角度思考問題,與客戶深入溝通,找到呈貢網(wǎng)站設計與呈貢網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站建設、網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、國際域名空間、網(wǎng)站空間、企業(yè)郵箱。業(yè)務覆蓋呈貢地區(qū)。

代碼如下

<!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怎么實現(xiàn)點擊DIV同時點擊CheckBox并為DIV上背景色

“jQuery怎么實現(xiàn)點擊DIV同時點擊CheckBox并為DIV上背景色”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!

當前名稱:jQuery怎么實現(xiàn)點擊DIV同時點擊CheckBox并為DIV上背景色
本文地址:http://chinadenli.net/article10/gopjgo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供標簽優(yōu)化網(wǎng)站內(nèi)鏈、網(wǎng)站制作網(wǎng)站維護、面包屑導航定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化