jQuery实现斑马线,以及行选中变色及checkbox变为true,离开行变色,<mce:script type="text/javascript" src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script> <mce:script type="text/javascript"><!-- $(function(){ $("tbody>tr:odd").addClass("odd_row"); $("tbody>tr:even").addClass("even_row"); $('tbody>tr').click(function() { var hasSelected=$(this).hasClass('in_right'); $(this)[hasSelected?"removeClass":"addClass"]('in_right') .find(':checkbox').attr('checked',!hasSelected); }); $('tbody>tr:has(:checked)').addClass('in_right'); $('tbody>tr').mouseover(function(){ $(this).addClass("in_right"); }); $('tbody>tr').mouseout(function(){ var isChecked=$(this).find(':checkbox').attr('checked'); if(isChecked==false){ $(this).removeClass("in_right"); } }); }) $(function(){ $("#compId").click(function(){ $('[name=id]:checkbox').attr("checked", this.checked ); }); $('[name=id]:checkbox').click(function(){ var $tmp=$('[name=id]:checkbox'); $('#compId').attr('checked',$tmp.length==$tmp.filter(':checked').length); }); //输出值 $("#send").click(function(){ var str="你选中的是:/r/n"; $('[name=id]:checkbox:checked').each(function(){ str+=$(this).val()+"/r/n"; }) alert(str); }); }); // --></mce:script>