JQuery點擊行tr實現(xiàn)checkBox選中的簡單實例
來源:易賢網(wǎng) 閱讀:1862 次 日期:2016-06-22 16:39:13
溫馨提示:易賢網(wǎng)小編為您整理了“JQuery點擊行tr實現(xiàn)checkBox選中的簡單實例”,方便廣大網(wǎng)友查閱!

下面小編就為大家?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)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:JQuery點擊行tr實現(xiàn)checkBox選中的簡單實例
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)