Question

我在更新textarea的值时遇到问题。

选中此复选框后，将显示textarea。现在问题是我无法在textarea中添加和保存更多文本。

例如，截至目前textarea显示CBC值，但如果我将其更改为CBC NEW，则应更新为CBC NEW。

＆＃13;

('#contactform :checkbox.one_c').change(function() {
  var $this = $(this);
  if ($this.is(':checked')) {

    var newInput = $('<textarea  id="addme" class="doctor1 value" ><div id="c-content"></div></textarea>');

    $('#contactform').append(newInput);
    $("textarea").text("CBC");
    $('#contactform :checkbox.one_c').attr("checked", "checked");

  } else {
    $('#contactform').find('#addme').remove();
    $('#contactform :checkbox.one_c').removeAttr('checked');
  }
});

＆＃13;

<form class="textboxes1" method="post" id="tb2_1964">
  <div id="contactform">
    <div class="row">
      <div class="col-md-3 col-sm-4 col-xs-12 remove_all">
        <input type="checkbox" class="checkbox-inline one_c" checked="checked">
        <label>CBC </label>
      </div>
    </div>
    <textarea id="addme" class="doctor1 value">CBC</textarea>
    <div id="c-content"></div>
  </div> <button class="patient_add2 no_print">Save</button>

</form>

＆＃13;

Answer 1

你的JS代码中存在问题。试试这个对你有帮助的希望

＆＃13;

$('.one_c').change(function() {
  var $this = $(this);
  if ($this.is(':checked')) {

    var newInput = $('<textarea  id="addme" class="doctor1 value" ><div id="c-content"></div></textarea>');

    $('#contactform').append(newInput);
    $("textarea").text("CBC");
    $('#contactform :checkbox.one_c').attr("checked", "checked");

  } else {
    $('#contactform').find('#addme').remove();
    $('#contactform :checkbox.one_c').removeAttr('checked');
  }
});

$('.patient_add2').click(function(){
alert($("textarea").val());
});

＆＃13;

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<form class="textboxes1" method="post" id="tb2_1964">
  <div id="contactform">
    <div class="row">
      <div class="col-md-3 col-sm-4 col-xs-12 remove_all">
        <input type="checkbox" class="checkbox-inline one_c" checked="checked">
        <label>CBC </label>
      </div>
    </div>
    <textarea id="addme" class="doctor1 value">CBC</textarea>
    <div id="c-content"></div>
  </div> <button class="patient_add2 no_print">Save</button>

</form>

＆＃13;

使用选中的复选框附加textarea并使用jQuery更新textarea值

1 个答案: