js/jQuery中獲取table里邊checkbox的選中狀態(tài)以及選中該行的其他列數(shù)據(jù)

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ù)
        }
    });
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • pyspark.sql模塊 模塊上下文 Spark SQL和DataFrames的重要類: pyspark.sql...
    mpro閱讀 9,919評論 0 13
  • 一、前言 element-ui開源至今已成為前端在中后臺系統(tǒng)中最為熱門的ui框架了。 如果說Vue、React、A...
    向上的彭小呆閱讀 5,277評論 0 4
  • 在業(yè)務(wù)系統(tǒng)開發(fā)中,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發(fā)中,可以采用很多功能強大的插件來滿足...
    往事隨feng閱讀 3,393評論 0 13
  • 關(guān)系型數(shù)據(jù)庫和SQL SQL語言的三個部分DML:Data Manipulation Language,數(shù)據(jù)操縱語...
    Awey閱讀 2,048評論 0 13
  • 阡陌縱橫百度秋, 鱸魚酒灑始春余。 辭家本為風(fēng)月去, 橋頭老樹吟張籍。 非是桃源尋安客, 寶劍需作天下計。 長風(fēng)破...
    白壁閱讀 218評論 0 1

友情鏈接更多精彩內(nèi)容