javascript - 如何在更改复选框时取回输入的值？

Question

代码片段如下:

  $('.fee_checkbox').on("change",function() {
    if ($(this).prop('checked')==false) {
      $('.actual_pay').val('0');
    }  else {
      $('.actual_pay').val();
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" checked="checked" class="fee_checkbox">
<input type="text" class="actual_pay" value="1000">

这里复选框的默认行为被选中，并且类actual_pay的输入框的值为1000。当用户取消选中 复选框后，actual_pay 的值更改为 0。

此后，当用户再次单击该复选框时，我需要取回值 1000，但现在返回 0。当用户取消选中并选中复选框时，我需要获取 1000 的值。

Answer 1

您可以将值存储为data-

喜欢

<input type="text" class="actual_pay" value="1000" data-value="1000">

这是一个片段:

  $('.fee_checkbox').on("change",function() {
    if ($(this).prop('checked')==false) {
      $('.actual_pay').data("value",$('.actual_pay').val()) ;
      $('.actual_pay').val( 0 );
    }  else {
      $('.actual_pay').val( $('.actual_pay').data("value") );
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" checked="checked" class="fee_checkbox">
<input type="text" class="actual_pay" value="1000" data-value="1000">