js/jquery中獲取table里邊checkbox的選中狀態(tài)以及選中該行的其他列數(shù)據(jù)
如下是在js中通過DOM方式創(chuàng)建的row中的一列為CheckBox類型。
var row = document.createElement('tr'); //創(chuàng)建行
var checkbox = document.createElement('td');//創(chuàng)建列
row.appendChild(checkbox);
var btnCheckbox = document.createElement('input');
btnCheckbox.setAttribute('name','ckb');
btnCheckbox.setAttribute('type','checkbox');
btnCheckbox.setAttribute('value','false');
checkbox.appendChild(btnCheckbox);
如我們在table之外有一個刪除按鈕,需要點擊它刪除table中選中的數(shù)據(jù),而傳給服務(wù)端的是某一列數(shù)據(jù)比如id。
先判斷是否選中,再根據(jù)選中的列獲取id值,發(fā)送給服務(wù)端。
$("#btnDelSpell").click(function () {
var checkLength = $("input:checkbox[name='ckb']:checked").length;
if(checkLength == 0) {
alert("請至少選擇一條咒語!");
return;
}
$("input[type='checkbox']").each(function(){ //遍歷checkbox的選擇狀態(tài)
if($(this).prop("checked")){ //如果值為checked表明選中了
alert($(this).closest('tr').find('td').eq(1).text()); //獲取eq為1的那一列數(shù)據(jù)
}
});
}