1、首先，現在你的檔案中匯入 jquery.js 檔案

2、在<script></script>中新增如下程式碼

$("#table1 tr").click(function(){
       document.getElementById("oddNum").value = this.id; //每行設定不同的id值，該行是獲取當前行的唯一值
        $(this).addClass("backcolor").siblings("tr").removeClass("backcolor"); //這行是進行背景色的切換，backcolor 是提前定義好的外部css樣式，這裡進行新增與刪除同類的，即實現了選中改行，其他行顏色去掉。 backcolor 中的屬性  要加上 !important ，提高其優先順序
        $(this).siblings("tr").find("td").removeClass("backcolor_font");   //下邊兩行是修改該tr中的字型顏色，該行的作用是刪除樣式
        $(this).find("td").addClass("backcolor_font"); //該行是新增樣式，因為想要實現的效果是點選某行，字型顏色切換，只有一行的字型顏色改變
    });