第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Html 表格行 ID 復選框

Html 表格行 ID 復選框

慕工程0101907 2021-06-01 13:58:31
我想將每一行的數(shù)據(jù)庫表 id 作為動態(tài) html 表的復選框值我正在使用 ajax 從 mysql 數(shù)據(jù)庫中獲取數(shù)據(jù)并創(chuàng)建一個新變量作為 html 文本附加到表的 tbody 上HTML代碼<div class="col-sm-6" id="ftbl">    <label for="urbandata">View urban data</label>    <table class="table table-bordered table-striped">      <thead>        <tr>          <th>Check</th>          <th>ID</th>          <th>Type</th>          <th>Master</th>          <th>Slave</th>          <th>Orbit</th>          <th>Mode</th>          <th>Action</th>        </tr>      </thead>      <tbody>      </tbody>    </table></div>JS代碼$.ajax({    url: "fetchurban.php",    method: "POST",    data:{id:id},    dataType: "JSON",    success: function(data){      if (data){      var trHTML = '';        $.each(data, function (i, item) {            trHTML +='<tr><td><input type="checkbox" id="checkview" onclick="QuickView()" name="'+ item.TblID +'"></td><td>' + item.Type + '</td><td>' + item.Master + '</td><td>' + item.Slave + '</td><td>' + item.Orbit + '</td><td>' + item.Mode + '</td><td><a href='+ item.ImgTIF+ ' title="Download High Quality" data-toggle="tooltip"><span class="glyphicon glyphicon-download"> </span></a><a href=#?id='+ item.ImgLow + ' title="Download Low Quality" data-toggle="tooltip"><span class="glyphicon glyphicon-cloud-download"></span></a></td></tr>' ;        });        $('#ftbl tbody').append(trHTML);      }    }  })})如果用戶選中復選框,我想要數(shù)據(jù)庫表的 id?,F(xiàn)在使用此代碼,我對表的所有行都具有相同的 id
查看完整描述

1 回答

?
海綿寶寶撒

TA貢獻1809條經(jīng)驗 獲得超8個贊

您可以將標識符設置為data-輸入的元素:


function QuickView(element) {

  var rowId = $(element).data('id');

  // here comes the rest of your code.

}


$.ajax({

    url: "fetchurban.php",

    method: "POST",

    data:{id:id},

    dataType: "JSON",

    success: function(data){

      if (data){

      var trHTML = '';

        $.each(data, function (i, item) {

            trHTML +='<tr><td><input type="checkbox" data-id="'+ item.TblID +'" onclick="QuickView(this)"></td><td>' + item.Type + '</td><td>' + item.Master + '</td><td>' + item.Slave + '</td><td>' + item.Orbit + '</td><td>' + item.Mode + '</td><td><a href='+ item.ImgTIF+ ' title="Download High Quality" data-toggle="tooltip"><span class="glyphicon glyphicon-download"> </span></a><a href=#?id='+ item.ImgLow + ' title="Download Low Quality" data-toggle="tooltip"><span class="glyphicon glyphicon-cloud-download"></span></a></td></tr>' ;

        });

        $('#ftbl tbody').append(trHTML);

      }

    }

  })

})

這是上面的演示。


編輯:


我刪除了關(guān)于不允許對 ID 屬性使用整數(shù)的初始句子,因為正如 Quentin 在評論中指出的那樣,它不再有效。有時很難忘記你曾經(jīng)學到的東西。


查看完整回答
反對 回復 2021-06-03
  • 1 回答
  • 0 關(guān)注
  • 263 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號