javascript - 选定的行具有悬停状态

Question

我在 <div id="middle" class="fl"> 中做了一个表格它看起来像这样:!在 fiddle 中:http://jsfiddle.net/qqmhao/e2N4e/1/

现在我必须做这些:

• 行具有悬停状态
• 无需复选框即可选择行
• 可以选择多行

任何帮助，非常感谢!

Answer 1

试试这个

此代码可能对您有帮助 => 在 tr 上单击，如果选中复选框，则取消选中它，否则选中它

对于 tr 悬停效果，您可以编写 css

http://jsfiddle.net/e2N4e/6/

    $('table tr').click(function(){
  if(!$(event.target).is(":checkbox"))
  {

        if($(this).find('[type="checkbox"]').is(':checked')){
            $(this).find('[type="checkbox"]').prop('checked',false)
            $(this).removeAttr('style');
        }
       else{
         $(this).find('[type="checkbox"]').prop('checked',true)

         $(this).css('background', 'yellow');
    }
}
    })

<style>
table tr:hover{
    background:yellow;

}
</style>