Checkbox复选框

1、点击选中checkbox复选框

  //给checkbox添加事件
  $("#AddtabListRole").on("click", "tbody tr", function () {
      if ($(this).find(":checkbox").prop("checked")) {
           $(this).find(":checkbox").prop("checked", false);
      } else {
           $(this).find(":checkbox").prop("checked", true);
      }
      var checks = $('input[name= "role_item"]');
      //判断是否选满
      if (checks.length == $('#AddtabListRole tbody').find("input:checked").length) {
         $("#check_tr").prop('checked', true);
      } else {
         $("#check_tr").prop('checked', false);
      }
  });

2、全选功能

   //全选事件
   function setAllNo() {
       var box = document.getElementById("check_tr");
       var loves = document.getElementsByName("role_item");
       if (box.checked == false) {//全部取消
           for (var i = 0; i < loves.length; i++) {
               loves[i].checked = false;
           }
       } else {
           for (var i = 0; i < loves.length; i++) {
               loves[i].checked = true;
           }
       }
    }