仕様として画面のテーブルに対して行選択しているファイルをダウンロードボタンでダウンロードできるものを考えています。
まず行選択できるコードの書き方が分からなくて悩んでいます。行選択できるようにするにはどういったコードを追記すればよろしいでしょうか。
ソースは下記となります。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>ファイルダウンロード</title>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src="bootstrap/js/bootstrap.min.js"></script>

</head>
<body>

    <h1>ファイルダウンロード画面</h1>
    <div class="container">
        <table border="1" width="500" cellspacing="0" cellpadding="5"
            bordercolor="#333333">
            <tr>
                <th bgcolor="#EE0000"><font color="#FFFFFF">No</font></th>
                <th bgcolor="#EE0000" width="150"><font color="#FFFFFF">ファイル名</font></th>
                <th bgcolor="#EE0000" width="200"><font color="#FFFFFF">備考</font></th>
            </tr>
            <tr>
                <td bgcolor="#99CC00" align="right" nowrap>1</td>
                <td bgcolor="#FFFFFF" valign="top" width="150">aaa.text</td>
                <td bgcolor="#FFFFFF" valign="top" width="200">-</td>
            </tr>
            <tr>
                <td bgcolor="#99CC00" align="right" nowrap>2</td>
                <td bgcolor="#FFFFFF" valign="top" width="150">bbb.text</td>
                <td bgcolor="#FFFFFF" valign="top" width="200">-</td>
            </tr>
        </table>
        <div style="padding-top: 10px">
            <button class="btn btn-primary" type="submit">ダウンロード</button>
        </div>
    </div>
</body>
</html>