js 通过button行变色

Question

        各位高手：                  数据绑定在Repeater里，每行里都有一个button按钮，然后通过点击button按钮后，让所点击的按钮行变色。在点击下一个按钮时，前一行颜色变回原来的颜色。                      

Answer 1

onmouseout="this.style.backgroundColor=c" onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#f4f4f4'"这是鼠标划过的。。

Answer 2

repeater是tr还是li 给一个id
button做一个事件，xxx（id）

Answer 3

不是鼠标经过的，是点击button按钮后，此行变色。给个实例吧。

Answer 4

http://www.cnblogs.com/myaspnet/archive/2010/11/24/1886161.html

Answer 5

定义两个样式
.cur{color:red}
.ot{color:blue}  $(" button ").each(function (i) {
            $(this).click(function () {
                             
                $("td:eq(" + i + ")").removeClass("ot").addClass("cur").siblings("td").removeClass("cur").addClass("ot");            });
        });

Answer 6

http://topic.csdn.net/u/20101115/09/b44da332-6421-4174-a262-896ba1e7acfb.html
我发的这两个链接就解决了

Answer 7

用一个JS方法，方法接收一个参数，为Repeater的行索引，即button所在行索引，
循环把Repeater所有行置为同一个颜色，然后button所在行变为另外一个颜色。
每个button均调用这个方法即可

Answer 8

在button中onclick事件中，添加对于样式的修改：// 修改当前按钮的样式名
$(this).attr("class", "newClassName");  // newClassName为点击后的class name// 遍历Repeater，把其他按钮的样式改回来
var buttons = $('#repeaterId input[type=button]');
if(buttons != null){
    for(var i=0;i<buttons.length;i++){
        if($(buttons[i]).attr("id") != $(this).attr("id")){
            $(buttons[i]).attr("class", "oldClassName");  //oldClassName为没点击的class name
        }
    }
}

Answer 9

引入jquery
加入css
.highlight{background-color:red;}
加个模板列放button，
<button onclick="$(this).parent().addclass('highlight')"……