2011-11-26 76 views
0

我不是HTML和Javascript的專家。但這是我想要做的。在HTML中處理多個複選框

我已經創建了一個HTML/jQuery/JS/css腳本。

HTML文件以表格形式列出了文件的數量(數字不固定),並且每個文件都有複選框。

用戶可以選擇一個或多個要刪除的文件,然後單擊「提交」按鈕。

這是我曾嘗試:

  • 目錄中的所有文件中的表格列
  • 包括複選框<td><input type="checkbox" id="deletefile" /></td>
  • 提交按鈕
  • 提示用戶確認所有文件
  • 我已經編寫了用Python刪除文件的代碼(我需要調用正確的URL來刪除單個文件

我不確定,如何處理HTML/Javascript中的所有複選框條目。

在這方面的任何幫助將不勝感激。

感謝

回答

0
<td><input type="checkbox" name="deletefile[0]" /></td> 
<td><input type="checkbox" name="deletefile[1]" /></td> 

使用一個數組,你可以找出每個複選框。

+0

嗨。謝謝,我沒有文件數量,因爲它不是固定的 – Kiran

1

在jQuery中你可以得到輸入複選框選中列表中使用下面的代碼:

$('input:checked').each(function(i){ 
val[i] = $(this).val(); 
} 

這裏val[i]包含數組即選中的複選框列表,以便該陣列中的數據傳遞到服務器端代碼中進行刪除server.Hope這可以幫助你:-)

編輯:

一旦檢查下面的活生生的例子:

http://jsfiddle.net/rN2gm/

選中複選框,然後單擊按鈕後,再次取消選擇並單擊。

+0

讓我試試你的方法。非常感謝您的時間。 – Kiran

+0

嗨,如果我們再次選中並取消選中,會發生什麼?數組條目被刪除? – Kiran

+0

一旦檢查編輯代碼。 – Unknown