$(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。
如何处理取消并保持文本框值与检查状态一致?
1
它可以在FF和chrome中运行,并且在IE 8中具有已解释的行为。因此,可能需要特别注意要在哪些浏览器中工作以及看到哪些错误。
—
kasdega,2011年
它不是最好的,但是我相信它在这里对我有用:http : //jsfiddle.net/Skooljester/2Xxcn/。
—
2011年