input 复选框 取消和选中触发事件响应

      最近在项目中遇到了一个input 复选框,默认是选中状态,可以触发一个事件,但是用户取消选中后则执行另外一个事件.

在网上查了半天才解决.,在此简单记录一下:

页面代码:

<input type="checkbox" class="mtop1" id="sendEmailBtn" name="sendEmailBtn">&nbsp;邮件

js代码(默认让其选中):

$("#sendEmailBtn").prop("checked",true);

如果用户取消选中,则触发另外一个事件:

if( $("[name = 'sendEmailBtn']:checkbox:checked").length == 0){
    CommonBusinessObj.showToast("请选择邀请方式",2);
    return;
}

本人亲测!