html="<input id='status1' class='dp_n' type='checkbox'><label class='status1 iconfont' val='200' for='status1'>已纳入财政项目库</label>" + "<input id='status2' class='dp_n' type='checkbox'><label class='status1 iconfont' val='201' for='status2'>已结项</label>" $("#ProFilter").html(html); $("#ProFilter").on("click",'.status1', function () { //$("[type='checkbox']").prop("checked", ""); //$(this).prop("checked", "checked"); //上面的可以实现多个复选框,只能选中一个,但是有一个bug,就是打断点确实选中了,走完流程选中总会被清空, 于是改为了下面这种处理,没有上述bug。 var id=$(this).attr("for"); if(id=="status1"){ $("#status2").prop("checked", false); } if(id=="status2"){ $("#status1").prop("checked", false); } });