亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

Html 表格行 ID 復選框

Html 表格行 ID 復選框

慕工程0101907 2021-06-01 13:58:31
我想將每一行的數據庫表 id 作為動態 html 表的復選框值我正在使用 ajax 從 mysql 數據庫中獲取數據并創建一個新變量作為 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);      }    }  })})如果用戶選中復選框,我想要數據庫表的 id?,F在使用此代碼,我對表的所有行都具有相同的 id
查看完整描述

1 回答

?
海綿寶寶撒

TA貢獻1809條經驗 獲得超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);

      }

    }

  })

})

這是上面的演示。


編輯:


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


查看完整回答
反對 回復 2021-06-03
  • 1 回答
  • 0 關注
  • 271 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號