こんにちは、PHP でリストを作成し、テーブル内の値を 500 ~ 近くにします (Sil = 削除)
私はすでに自分のプロジェクトでjqueryを使用しています
マウスの左ボタンがクリックされている間にマウスを2つの親divに移動すると、jqueryで複数のチェックボックスをチェックできるようにするプラグインはありますか?
こんにちは、PHP でリストを作成し、テーブル内の値を 500 ~ 近くにします (Sil = 削除)
私はすでに自分のプロジェクトでjqueryを使用しています
マウスの左ボタンがクリックされている間にマウスを2つの親divに移動すると、jqueryで複数のチェックボックスをチェックできるようにするプラグインはありますか?
はい、次のようにできます。
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/
はい、かなり簡単です!そして、ここSOの別のトピックについてすでに密接に回答しています。
アイデアを得るために、次の簡単なコードを以下に示します。
PS:これは、 マウスダウン中のマウスオーバーから取得されます
.node をチェックボックスに共通のクラスに置き換えるだけでよく、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);