JQuery點擊行tr實現(xiàn)checkBox選中的簡單實例
更新時間：2016年05月26日 10:36:52 投稿：jingxian
下面小編就為大家?guī)硪黄狫Query點擊行tr實現(xiàn)checkBox選中的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
$(function () {
//除了表頭（第一行）以外所有的行添加click事件.
$("tr").first().nextAll().click(function () {
//為點擊的這一行切換樣式bgRed里的代碼：background-color:#FF0000;
$(this).children().toggleClass("bgRed");
//判斷td標記的背景顏色和body的背景顏色是否相同;
if ($(this).children().css("background-color") != $(document.body).css("background-color")) {
//如果相同，CheckBox.checked=true;
$(this).children().first().children().attr("checked", true);
} else {
//如果不同,CheckBox.checked=false;
$(this).children().first().children().attr("checked", false);
}
});
});
以上這篇JQuery點擊行tr實現(xiàn)checkBox選中的簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了jQuery中attr()方法用法,實例分析了attr()方法的功能、定義及設(shè)置或返回匹配元素屬性值的使用技巧,需要的朋友可以參考下2015-01-01
jquery彈窗插件colorbox綁定動態(tài)生成元素的方法
這篇文章主要介紹了jquery彈窗插件colorbox綁定動態(tài)生成元素的方法,colorbox是一款非常好用的彈窗插件,需要的朋友可以參考下2014-06-06
jQuery實現(xiàn)文本顯示一段時間后隱藏的方法分析
這篇文章主要介紹了jQuery實現(xiàn)文本顯示一段時間后隱藏的方法,結(jié)合實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-06-06
取得select選擇的文本與值的情形在很多地方都有用到，且實現(xiàn)的方法有很多，在下面的示例中將為大家詳細介紹下jquery是如何做到的2013-12-12
jquery 動態(tài)創(chuàng)建元素的方式介紹及應用
動態(tài)創(chuàng)建元素可以通過兩種方式1、Dom HTml2、JQuery函數(shù)創(chuàng)建3、頁面加載的時候最好在頁面加載完后執(zhí)行創(chuàng)建，感興趣的朋友可以了解下2013-04-04
jQuery根據(jù)用戶電腦是mac還是pc加載對應樣式的方法
這篇文章主要介紹了jQuery根據(jù)用戶電腦是mac還是pc加載對應樣式的方法,涉及jQuery針對客戶端信息的獲取及樣式的調(diào)用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了在myeclipse中如何加入jquery代碼提示功能,需要的朋友可以參考下2014-06-06
下面小編就為大家?guī)硪黄啿サ暮唵螌崿F(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了jQuery實現(xiàn)右鍵菜單、遮罩、彈出層效果，適應管理系統(tǒng)界面,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
下面小編就為大家?guī)硪黄獪\談jQuery中的$.extend方法來擴展JSON對象。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02