卡在带有复选框的jquery中

我有三个文本框和几个复选框。我希望当我选择第一个复选框时，它会显示在第一个文本框中；当我选择第二个复选框时，它会显示在第二个文本框中，第三个复选框也是如此。我已经编写了这个jquery，但它工作不好。请帮助某人：- 我的文本框HTML代码是：-

<div class="col-md-4">
  <!-- <h4><strong>REDEEM YOUR GIFT/GIFT VOUCHER</strong></h4>
  <h5><em>Kindly fill-in your Promotional Code and Coupon No. in the boxes below.</em></h5> -->
  <div class="form-group">
    <input required type="text" class="form-control wizard-required" id="selectedtext" name="selectedtext">
    <label for="voucher-code" class="wizard-form-text-label">Option 1*</label>
    <div class="wizard-form-error"></div>
  </div>
</div>

---

这里selectedtext是第一个文本框的id，selectedtext1是第二个文本框的id。

这里是解决方案

$'input[type=checkbox]'。单击函数{ var val=$this.propchecked？$this.val:； var textboxKey=$this.attrttextboxkey； $+textboxKey.valval； }; 曼谷 新加坡

---

嗨，发布你的html代码BangkokHi@user3331039，只在stackoverflow中发布你所有的html代码我想要动态发布，因为我有很多复选框。我想当用户从100个复选框中选择第一个复选框时，它会显示第一个文本框，然后选择第二个复选框中的任何一个，它会显示在第二个文本框中。@user3331039您在找什么

<div class="wizard-form-radio">
  <input name="check_list[]" class="chkbx" type="checkbox" value="Bangkok">
  <label for="Bangkok">Bangkok</label>
</div>
<div class="wizard-form-radio">
  <input name="check_list[]" class="chkbx" type="checkbox" value="Pattaya">
  <label for="Pattaya">Pattaya</label>
</div>

$('.chkbx').click(function(){
  var text = "";
  $('.chkbx:checked').each(function(){
    text+=$(this).val() + ',';
  });
  text=text.substring(0,text.length-1);
  $('#selectedtext').val(text);
  var text1 = "";
  $('.chkbx:checked').each(function(){
    text1+=$(this).val() + ',';
  });

  text1=text1.substring(0,text1.length-1);
  $('#selectedtext1').val(text1);