jQuery复选框更改和单击事件

JinJin村村2020-03-12

$(document).ready(function() {
  //set initial state.
  $('#textbox1').val($(this).is(':checked'));

  $('#checkbox1').change(function() {
    $('#textbox1').val($(this).is(':checked'));
  });

  $('#checkbox1').click(function() {
    if (!$(this).is(':checked')) {
      return confirm("Are you sure?");
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="checkbox1"/><br />
<input type="text" id="textbox1"/>

此处.change()使用复选框状态更新文本框值。我.click()用来确认取消选中的操作。如果用户选择“取消”，则复选标记会恢复，但.change()会在确认前触发。

这会使事情处于不一致状态，并且选中复选框时文本框会显示false。

如何处理取消并保持文本框值与检查状态一致？

$("#person_IsCurrentAddressSame").change(function () { debugger if ($("#person_IsCurrentAddressSame").checked) { debugger } else { } })