$(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"/>
Aqui .change()
atualiza o valor da caixa de texto com o status da caixa de seleção. Eu uso .click()
para confirmar a ação ao desmarcar. Se o usuário selecionar cancelar, a marca de seleção é restaurada, mas é .change()
acionada antes da confirmação.
Isso deixa as coisas em um estado inconsistente e a caixa de texto diz false quando a caixa de seleção está marcada.
Como posso lidar com o cancelamento e manter o valor da caixa de texto consistente com o estado da verificação?