多选框选中后被清空处理

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);
    }
});