首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery复选框更改并单击事件?

jQuery复选框更改并单击事件?

提问于 2017-12-26 10:02:59
回答 2关注 0查看 620

我有

代码语言:txt
复制
<input type="checkbox" id="checkbox1" /> <br />
代码语言:txt
复制
<input type="text" id="textbox1" />

代码语言:txt
复制
$(document).ready(function() {
代码语言:txt
复制
    //set initial state.
代码语言:txt
复制
    $('#textbox1').val($(this).is(':checked'));
代码语言:txt
复制
代码语言:txt
复制
    $('#checkbox1').change(function() {
代码语言:txt
复制
        $('#textbox1').val($(this).is(':checked'));
代码语言:txt
复制
    });
代码语言:txt
复制
代码语言:txt
复制
    $('#checkbox1').click(function() {
代码语言:txt
复制
        if (!$(this).is(':checked')) {
代码语言:txt
复制
            return confirm("Are you sure?");
代码语言:txt
复制
        }
代码语言:txt
复制
    });
代码语言:txt
复制
});

JSFIDDLE链接

这里更改的事件用复选框状态更新文本框的值。我使用click事件来确认操作取消选中。如果用户选择取消,则复选标记将被恢复,但更改甚至会在确认事件处于不一致状态之前触发(当复选框被选中时,文本框为false)。我怎样才能处理取消和保持文本框的值与检查状态一致?

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档