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/
それ、どうやったら出来るの?