我在 html 正文中有许多复选框,并且一些复选框具有特定的 css 类。
我只希望每当我选择一个按下 shift 键的复选框时,所有复选框都只在当前复选框之上,并且只在一个复选框之下,该复选框在之前的某个事件中已经选中(选中),相应的 css 类在 DOM 中选中(选中),应该自动检查(选择)。
其余所有复选框应保持不变。
这是我想做的事情:
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/
我怎么做?