顯示廣告
隱藏 ✕
看板 Mesak
作者 mesak (Mesak)
標題
 [JS] Radio Shift Multi Select

時間 2012年11月29日 Thu. PM 05:15:55


http://mesak.tw/?p=624
[JS] Radio Shift Multi Select | Mesak Blog
最近工作需要寫了個小程式,這邊做個紀錄 程式碼在這邊: … Continue reading → ...
 



var index = 0;
var shift_down = false;
var radio_group = {
      'y':$(':radio[id^="idradio_y"]'),
      'n':$(':radio[id^="idradio_n"]')
    }
radio_group.y.prop('checked',true);
$(':radio').bind('change',function(){
    var this_index = radio_group[this.value].index(this);
    if( shift_down )
    {
        var start = Math.min(index,this_index);
        var end   = Math.max(index,this_index);
        radio_group[this.value].slice(start,end).prop('checked',true);
    }
    index = this_index
})
$(document).bind('keydown',function(e){
    if(e.which == 16 ){
        shift_down = true;
        $('#output tr').eq(index).addClass('info')
    }
}).bind('keyup',function(e){
    if(e.which == 16 ){
        shift_down = false;
        $('#output tr').removeClass('info')
    }
}).bind('selectstart',function(){return false})


--
※ 作者: mesak 時間: 2012-11-29 17:15:55
※ 編輯: mesak 時間: 2015-01-28 14:07:49
※ 看板: Mesak 文章推薦值: 0 目前人氣: 0 累積人氣: 96 
※ 文章分類: JavaScript
r)回覆 e)編輯 d)刪除 M)不收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇