jquery 实现table隔行变色、复选框的选择变色，分享下，供大家学习参考。

代码如下：

table隔行变色、复选框的选择变色-www.

.even{
background-color:#0FF;
}
.odd{
background-color:#F9F;}
.selected{
background:#CCC;
}
.selected1{
background-color:#99F;
}



$(document).ready(function(){
$("tr:even").addClass("even");
$("tr:odd").addClass("odd");
    $("input[type=checkbox]").hover(function(){
$(this).parents("tr").toggleClass("selected1");
});
$("input[type=checkbox]").click(function (){ 
// alert("ddd");
// if($("input[type=checkbox]:checked")){
//alert($("input[type=checkbox]:checked").length);
$(this).parents("tr").toggleClass("selected");
//}else{
//$(this).parent("tr").removeClass("selected");
//}
});
// $(this).toggleClass("selected");
});




  
     
    姓名
    班级
    E-mail
  
  
   
    张三
    php
    1223312
  
  
   
    李四
    php
    3574789
  
  
   
    赵五
    php
    345645
  
  
   
    王六
    php
    54765
  
  
   
    范冰冰
    php
    3769088
  
  
   
    李冰冰
    php
    3554853
  
  
   
    李春花
    php
    46485
  


 

您可能感兴趣的文章: