JQuery點(diǎn)擊行tr實(shí)現(xiàn)checkBox選中的簡單實(shí)例
更新時(shí)間：2016年05月26日 10:36:52 投稿：jingxian
下面小編就為大家?guī)硪黄狫Query點(diǎn)擊行tr實(shí)現(xiàn)checkBox選中的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
$(function () {
//除了表頭（第一行）以外所有的行添加click事件.
$("tr").first().nextAll().click(function () {
//為點(diǎn)擊的這一行切換樣式bgRed里的代碼：background-color:#FF0000;
$(this).children().toggleClass("bgRed");
//判斷td標(biāo)記的背景顏色和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點(diǎn)擊行tr實(shí)現(xiàn)checkBox選中的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery EasyUI API 中文文檔 - Menu菜單
jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-10-10
jquery實(shí)現(xiàn)點(diǎn)擊彈出可放大居中及關(guān)閉的對話框(附demo源碼下載)
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊彈出可放大居中及關(guān)閉的對話框,具有可拖動、放大、居中及關(guān)閉等功能,提供了2種對話框模式供讀者選擇,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-05-05
jQuery插件實(shí)現(xiàn)可輸入和自動匹配的下拉框
這篇文章主要為大家詳細(xì)介紹了jQuery插件實(shí)現(xiàn)可輸入和自動匹配的下拉框,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery插件animateSlide制作多點(diǎn)滑動幻燈片
本文給大家分享的是使用jQuery插件animateSlide制作多點(diǎn)滑動幻燈片特效，十分的炫酷，有需要的小伙伴可以參考下2015-06-06
在網(wǎng)上看到許多的jquery插件實(shí)現(xiàn)滾動新聞，特別是新聞顯示在div里面的，比較了一番發(fā)現(xiàn)這款jquery.vticker-min.js還是挺不錯的，于是就將它集成到我的畢業(yè)設(shè)計(jì)里面。2010-06-06
本文給大家介紹基于jquery代碼實(shí)現(xiàn)的全選全不選反選實(shí)例代碼，代碼簡單易懂，非常實(shí)用，感興趣的一起學(xué)習(xí)吧2015-11-11
jquery獲取ASP.NET服務(wù)器端控件dropdownlist和radiobuttonlist生成客戶端HTML標(biāo)簽
jquery獲取ASP.NET服務(wù)器端控件dropdownlist和radiobuttonlist生成客戶端HTML標(biāo)簽后的value和text值2010-06-06
jQuery向webApi提交post json數(shù)據(jù)
這篇文章主要介紹了jQuery向webApi提交post json數(shù)據(jù)的方法，非常不錯，需要的的朋友參考下2017-01-01
jquery實(shí)現(xiàn)下拉菜單的手風(fēng)琴效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)下拉菜單的手風(fēng)琴效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
推薦17個(gè)優(yōu)美新鮮的jQuery的工具提示插件
在web開發(fā)當(dāng)中，工具提示條對于完善web網(wǎng)站的用戶體驗(yàn)至關(guān)重要。title屬性通常是用來幫助用戶了解顯示鏈接的信息2012-09-09