jQuery 偵測各個Row的CheckBox核取與否

剛好同事詢問，要在現有的一些網頁上加上新功能，目的就是偵測表格各列的Checkbox點選與否，並且依照選擇做出處理，所以順手寫個範例，方便以後查閱。

原理很簡單，使用jQuery來做
1.在$(document).ready中，先把可能會按到的按鈕偵測寫好 $("button#row1button").click
2.按鈕按下時，就呼叫函式處理，函式會檢查所有表單下的checkbox，過濾出該button所在列的checkbox有哪些被按下。
ps:因為原始需要改動的網頁，已經在每列資料中埋了button，所以寫法是這樣。若是整個表單只有一個按鈕，那就要稍微改變下寫法，看是處理所有有勾選的資料列，或是只處理第一個有勾選的資料列。


$(document).ready(function() {
$("button#row1button").click(function () {
btnClick(1);
return false;
});

$("button#row2button").click(function () {
btnClick(2);
return false;
});
});

function btnClick(i){
var ids="";
$("#formname :checkbox").each(function(){
if (this.checked && this.name == ("row" +i)) {
//alert(this.name + " and i am button " + i );
ids=ids+this.id;
alert("button" + i + " clicked and checkbox checked:" + ids);
}
});
return false;
}



範例檔案下載