2012-08-09 12 views
1

我不知道如何修改jQuery Blueimp fileupload pluginjquery.fileupload-ui.js,使刪除按鈕只刪除文件,而不必先檢查複選框。jQuery Blueimp fileupload插件刪除文件,而不需要先檢查複選框?

可能有人幫我弄清楚如何做到這一點?

這裏這似乎需要一些修改的jquery.fileupload-ui.js代碼:

fileUploadButtonBar.find('.delete') 
      .bind('click.' + ns, function (e) { 
       e.preventDefault(); 
       filesList.find('.delete input:checked') 
        .siblings('button').click(); 
       fileUploadButtonBar.find('.toggle') 
        .prop('checked', false); 
      }); 
     fileUploadButtonBar.find('.toggle') 
      .bind('change.' + ns, function (e) { 
       filesList.find('.delete input').prop(
        'checked', 
        $(this).is(':checked') 
       ); 
      }); 

回答

1

好吧,我固定我自己的問題。解決方案是在呈現這些元素之前,將模板和HTML中的複選框屬性設置爲checked="checked"。試圖用Javascript單擊按鈕來檢查複選框對我來說可能不適用於調用堆棧。

無論如何,這是代碼。在template-download,而不是這樣的:

<input type="checkbox" name="delete" value="1">

做到這一點:

<input type="checkbox" name="delete" value="1" checked="checked"> 

,並在旁邊的複選框中fileuploadBar刪除按鈕,而不是這樣的:

<input type="checkbox" class="toggle"> 

這樣做:

<input type="checkbox" class="toggle" checked="checked"> 

如果您這樣做,然後單擊任何刪除按鈕將刪除文件(即一個步驟而不是兩個)。

2

我遇到了同樣的問題,解決方案非常簡單。

1.您必須從html中刪除所有輸入複選框。
2.添加一個類到刪除所有按鈕(我用deleteAll)。
3.每個刪除按鈕都有一個class =「delete」so ..
4.單擊頂部的Delete按鈕時,激活每個按鈕的按鈕。

//delete all photos when click top Delete all button 
$('.deleteAll').click(function(){ 
    $('.delete').each(function(){ 
    $(this).click(); 
    }); 
}); 
相關問題