javascript - 通过鼠标拖动设置选中的复选框，例如在 ms excel 中

Question

嗨，我通过 php 在表格中列出了近 500~ 的值（Sil = Delete）

我已经在我的项目中使用 jquery

如果在单击鼠标左键时将鼠标移动到 2 个父 div 上，是否有任何插件允许您在 jquery 中选中多个复选框

Answer 1

是的，你可以，像这样：

var mouseIsDown;

$(document).on('mousedown', function() {    
    mouseIsDown = true;
});

$(document).on('mouseup', function() {
    mouseIsDown = false;
});

$('td').on('mouseenter', function() {        
    if(mouseIsDown) {
        $(this).find('input[type=checkbox]').prop('checked', true);
    }
});

查看演示：http: //jsfiddle.net/nuKEK/

Answer 2

是的，这很容易！并且已经在 SO 上的另一个主题上得到了密切的回答。

为了得到一个想法，下面是下面的简单代码。

PS：这是取自 mouseover while mousedown

您只需要将 .node 替换为您的复选框共有的 ha 类，而不是设置 CSS，您必须切换（或检查）您的选择器（即：您的复选框）

享受... ：）

$(document).ready(function(){

  var isDown = false;   // Tracks status of mouse button

  $(document).mousedown(function() {
    isDown = true;      // When mouse goes down, set isDown to true
  })
  .mouseup(function() {
    isDown = false;    // When mouse goes up, set isDown to false
  });

  $(".node").mouseover(function(){
    if(isDown) {        // Only change css if mouse is down
       $(this).css({background:"#333333"});
    }
  });
});

编辑：

要选中/取消选中您可以使用的复选框

$('.myCheckbox').prop('checked', true);