javascript - Run OnChange event for each row in table - MVC -

mvc 5 - razor, javascript novice user!!

i able run simple onchange event when checkbox altered in table, onchange works first row.

i have read because script runs on first row , not run subsequent dynamically populated data.

i understand don't know how fix it... assume need create individual id each checkbox in each row - don't know how this.

also, when checkboxes have different ids don't know how refer them add onchange.

hope makes sense. in advance.

@model ienumerable<core_point.models.registeremployee_step6model>  @{     viewbag.title = "index"; }  <h2>select roles have been employed do, clicking check-box...</h2>  <table class="table">       @foreach (var item in model)     {         <tr class="h3">             <td class="vert-align">                 <img src="@item.iconlocation" height="80" width="80" />             </td>              <td class="vert-align">                 @html.checkboxfor(modelitem => item.selected, new { @id = "checkboxselected" })             </td>              <td class="vert-align">                 @html.displayfor(modelitem => item.roledescription)              </td>              <td class="vert-align">                 @html.textboxfor(modelitem => item.role, new { hidden = "hidden"} )             </td>         </tr>     }  </table> <div>     roles selected:<input type="number" id="noselected" value="0"/> </div>  <script>      var fld_checkboxselected = document.getelementbyid("checkboxselected");     var fld_noselected = document.getelementbyid("noselected");      fld_checkboxselected.onchange = function () {          if (fld_checkboxselected == true) {              fld_noselected = fld_noselected.value + 1;         }         else         {             fld_noselected = fld_noselected.value - 1;         }     }  </script> 

replace id class in checkboxfor:

<td class="vert-align">     @html.checkboxfor(modelitem => item.selected, new {@class= "checkboxselected"}) </td> 

in javascript code use fallowing code:

(function($) {     var onchanged = function(){         /*do smth needed*/     };       $(function() {         $(".checkbox").on("change", onchanged)     }); }(jquery));