目的:在不使用checkbox的情况下实现多选。
要实现的效果:点击表格某行,则该行变色,再次点击,则改行变回原来的颜色。
代码如下:
1.html
<tr ng-repeat="file in files" id="fileTr{{file.id}}"
ng-click="selectFile(file.id)">
//..
</tr>
2.js
//选中/取消选中
$scope.selectFile = function (id) {
var color = "rgb(204, 221, 255)", //要变的颜色
trans = "rgba(0, 0, 0, 0)"; //透明(原来的背景色)
//"#fileTr" + id 是动态生成表格时各行的id
if($("#fileTr" + id).css("backgroundColor") == color){
$("#fileTr" + id).css("backgroundColor", trans);
}else{
$("#fileTr" + id).css("backgroundColor", color);
}
};