0

HTML本文に多くのチェックボックスがあり、いくつかのチェックボックスには特定のcssクラスがあります。

シフトキーを押した状態でチェックボックスを選択するたびに、すべてのチェックボックスが現在のチェックボックスの上のみ、DOM で対応する css クラスのチェック済み (選択済み) の以前のイベントで既にチェック済み (選択済み) のチェックボックスの下のみ、自動的にチェック (選択) されます。

残りのすべてのチェックボックスは変更されないはずです。

これが私がやろうとしていることです:

html

<input type="checkbox" class="select-row"/>
<input type="checkbox" class="select-row"/>
<input type="checkbox" />
<input type="checkbox" class="select-row"/>
<input type="checkbox" class="select-row"/>
<input type="checkbox" />
<input type="checkbox" class="select-row"/>
<input type="checkbox" class="select-row"/>
<input type="checkbox" />
<input type="checkbox" class="select-row"/>

js:

$('.select-row').click(function(e){
if ( e && e.originalEvent.type === "click" && e.originalEvent.shiftKey === true) {
    //what to write?
  }
});

ここにjsfiddleがあります http://jsfiddle.net/839pS/8/

それ、どうやったら出来るの?

4

1 に答える 1