htmlで動的配置したselectについてonchangeイベントを構築したい

実現したいこと

・HTML内に動的配置したcheckboxとselectを10行作成しました（checkbox と select の name はそれぞれ同一です）。
・その中のselectを変更した際にcheckboxをcheckedにする方法について知りたいです。

前提

nameが同一であれば、getElementsByName()メソッドで配列として取得できることは理解しています。

該当のソースコード

HTML

1〜省略〜 2 <? for (var p =0; p < 10; p++){ ?> 3 <tr> 4 <td><input type="checkbox" name="chk" class="chk"/td> 5 <td><select name="item" class="item2" onchange="checkboxOn()"> 6 <option>商品を選択して下さい</option> 7 <? for (n = 0; n < itemArray.length; n++){ ?> 8 <option><?= itemArray[n][1] ?></option> 9 <? } ?> 10 </select></td> 11 <td bgcolor="#ffffdb"><input name="num" class="num" type="number"value="0" style="text-align:right"> 12 </tr> 13 <? } ?>

javascript

1<script>2function checkboxOn(){3 4}5</script>

試したこと

javascript内でfor文を使って、要素を１つずつ取得する方法があることはわかりましたが、「どのselectが変更されたか」といういわゆる「添字」（表現が違っていたらすみません）を取得したいと思っています。

質問内容が端的に表現できているか非常に不安ではありますが、お力をお貸しいただければ幸甚です。よろしくお願いいたいます。