dynamic checkbox checked with textbox value

jquery

by Ninay is Unknown

HTML

<table>
  <tr>
    <td>Value :</td>
    <td><input type='text' id='valAdd' value='123456'/></td>
  </tr>
  <tr>
    <td>Checked :</td>
    <td><input type='text' id='textbx' value=''/></td>
  </tr>
  <tr>
    <td><input type='checkbox' value='chk1' class='chkbx'/></td>
    <td><input type='text' class='aa' /></td>
  </tr>
  <tr>
    <td><input type='checkbox' value='chk2' class='chkbx'/></td>
    <td><input type='text' class='aa' /></td>
  </tr>
  <tr>
    <td><input type='checkbox' value='chk3' class='chkbx'/></td>
    <td><input type='text' class='aa' /></td>
  </tr>
</table>

JavaScript

$(".chkbx").change(function() {
  var text = "";
  var dd = $("#valAdd").val();
  
  $(".chkbx:checked").each(function() {
    text += $(this).val() + ",";
  });
  
  //Textbox Show checked checkboxes
  $("#textbx").val(text.substring(0, text.length - 1));

  //For Loop the conditions
  for(var i = 0; i < $(".chkbx").length; i++){
    if ($('.chkbx:eq('+i+')').prop('checked') === true){
    $('.aa:eq('+i+')').val(dd);
    } else {
      $('.aa:eq('+i+')').val('');
    }
  }
});