Javascript Html表格行id复选框
我希望将每行上的数据库表id作为动态html表的复选框值 我正在使用ajax从mysql数据库中获取数据,并创建一个新变量作为html文本附加到表的tbody上 HTML代码Javascript Html表格行id复选框,javascript,php,html,mysql,ajax,Javascript,Php,Html,Mysql,Ajax,我希望将每行上的数据库表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">
<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,
方法:邮寄,
数据:{id:id},
数据类型:JSON,
成功:functiondata{
如果数据{
var trHTML=;
$.eachdata,函数i,项{
trHTML+=+item.Type++item.Master++item.Slave++item.Orbit++item.Mode+;
};
$'ftbl tbody'.appendtrHTML;
}
}
}
}
如果用户选中该复选框,我希望获得数据库表的id。
现在有了这段代码,我对表的所有行都有了相同的id,您可以将标识符设置为输入的数据元素: 函数QuickViewelement{ var rowId=$element.data'id'; //下面是代码的其余部分。 } $.ajax{ url:fetchurban.php, 方法:邮寄, 数据:{id:id}, 数据类型:JSON, 成功:functiondata{ 如果数据{ var trHTML=; $.eachdata,函数i,项{ trHTML+=+item.Type++item.Master++item.Slave++item.Orbit++item.Mode+; }; $'ftbl tbody'.appendtrHTML; } } } } 这是上面的一个例子 编辑:
我删除了关于不允许在ID属性中使用整数的第一句话,因为它不再有效,正如昆汀在评论中指出的那样。有时很难忘记您曾经学到的东西。id在HTML文档中必须是唯一的,因此您不能在这里首先使用id=checkview。//您在这里指的是name='+item.TblID+'部分吗?那么,您的所有项目一开始可能都具有相同的TblID值。您可以共享从服务器接收到的一点json吗?正如@04FS所说,您的JSONA中可能有相同的id,HTML元素的id可能不是以整数开头的——这一限制在多年前HTML5问世时就被取消了。唯一的限制是唯一的,没有限制whitespace@Quentin我的坏消息,在我的帖子里更正了。谢谢你指出这一点!我想谢谢你!这个解决方案就是我想要的!