$(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と表示されます。
キャンセルに対処し、テキストボックスの値をチェックの状態と一致させるにはどうすればよいですか?