更改TD顏色檢查

Question

我有一個表，我想改變顏色或<td>上覆選框是<td>

<table> 
<% for (int i = 0; i < ds.Tables[0].Rows.Count; i++) 
        { 
       %> 
       <tr> 
        <td> 
         <b> 
          <%Response.Write(Convert.ToDateTime(ds.Tables[0].Rows[i]["StartTime"].ToString()).ToString("hh:mm")); %> 
          - 
          <%Response.Write(Convert.ToDateTime(ds.Tables[0].Rows[i]["EndTime"].ToString()).ToString("hh:mm")); %></b> 
        </td> 
        <td> 
         <asp:CheckBox ID="chk" runat="server" /> 
        </td> 
        <td> 
         <asp:CheckBox ID="CheckBox1" runat="server" /> 
        </td> 
        <td> 
         <asp:CheckBox ID="CheckBox2" runat="server" /> 
        </td> 
        <td> 
         <asp:CheckBox ID="CheckBox3" runat="server" /> 
        </td> 
        <td> 
         <asp:CheckBox ID="CheckBox4" runat="server" /> 
        </td> 
        <td> 
         <asp:CheckBox ID="CheckBox5" runat="server" /> 
        </td> 
        <td> 
         <asp:CheckBox ID="CheckBox6" runat="server" /> 
        </td> 
       </tr> 
       <% 
        } %> 
      </table> 

Answer 1

JS小提琴：http://jsfiddle.net/satpalsingh/KPXrU/

HTML：

<table> 
    <tr> 
     <td><input type="checkbox" /></td> 
     <td><input type="checkbox" /></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
</table> 

JS：

$(function(){ 
    $("input[type=checkbox]").on("change", function(){ 
     if($(this).is(':checked')) 
      $(this).parent().css('background-color', '#cd0000'); 
     else 
      $(this).parent().css('background-color', ''); 
    }); 
}); 

Answer 2

你可以在jQuery的所有標籤的內部檢查。 參考以下兩個鏈接

從這些鏈接，瞭解如何讓jQuery的所有標籤，然後你可以玩弄的..可能是第二個鏈接可以給你更多的想法

Get all the td tags of table which in div tag using JQUERY

Cannot set the background color of "TD" using JQuery

Answer 3

是這樣的嗎？

$('[id^="CheckBox"]').on('change',function(){ 
    if($(this).is(':checked')){ 
     $(this).parent().css('background','red'); 
    }else{ 
     $(this).parent().css('background',''); 
    } 
}); 

Answer 4

在這裏，你去。還應該在所有的IE工作：

(function($){ 

    $(function() { 
     var _ie = /msie\s[6789]/gi.test(window.navigator.userAgent), 
      _event = _ie ? 'propertychange' : 'change'; 

     $('td').each(function() { 
      var el = $(this), 
       input = el.find('input'); 

      input.bind(_event, function() { 
       el.css('color', '#yourcolor'); 
      }); 
     }); 
    }); 
})(jQuery);