本篇內(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上背景色”的內(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)