如何使用jquery更改选中行上的表数据

这是我的桌子

<table>
 <tr>
  <td><input type="checkbox" id="cb1"></td>
  <td class="cn">a1<td>
  <td>b1<td>
  <td>c1<td>
 </tr>
 <tr>
  <td><input type="checkbox" id="cb2"></td>
  <td class="cn">a1<td>
  <td>b1<td>
  <td>c1<td>
 </tr>
 <tr>
  <td><input type="checkbox" id="cb3"></td>
  <td class="cn">a1<td>
  <td>b1<td>
  <td>c1<td>
 </tr>
</table>

a1
b1
c1
a1
b1
c1
a1
b1
c1

弹出代码：

<label>Line Number</label>
<input type="text"  id="line-no">
<button type="button"  id="update">Update</button>

行号
更新

当我选择任何一行并在我创建的弹出窗口上输入并单击更新时，我想将id为“cn”的表数据更改为我在弹出窗口中为相应的选中行提供的输入。所有这些都使用jquery。

请检查此项

var checkedRows=[]；
$（'#eventsTable'）.on（'check.bs.table'，函数（e，行）{
checkedRows.push（{id:row.id，name:row.name，forks:row.forks}）；
console.log（checkedRows）；
});
$（'#eventsTable'）.on（'uncheck.bs.table'，函数（e，行）{
$.each（选中行、函数（索引、值）{
if（value.id==row.id）{
检查箭头拼接（索引1）；
}
});
console.log（checkedRows）；
});
$（“#添加购物车”）。单击（函数（）{
$（“#输出”）.empty（）；
$.each（选中行、函数（索引、值）{
$（“#输出”）.append（$（“
”）.text（value.id+“|”+value.name+“|”+value.forks））；
});
});

名称
星星
叉子
描述
添加到卡
请检查此项


var checkedRows=[]；
$（'#eventsTable'）.on（'check.bs.table'，函数（e，行）{
checkedRows.push（{id:row.id，name:row.name，forks:row.forks}）；
console.log（checkedRows）；
});
$（'#eventsTable'）.on（'uncheck.bs.table'，函数（e，行）{
$.each（选中行、函数（索引、值）{
if（value.id==row.id）{
检查箭头拼接（索引1）；
}
});
console.log（checkedRows）；
});
$（“#添加购物车”）。单击（函数（）{
$（“#输出”）.empty（）；
$.each（选中行、函数（索引、值）{
$（“#输出”）.append（$（“
”）.text（value.id+“|”+value.name+“|”+value.forks））；
});
});

名称
星星
叉子
描述
添加到卡
请尝试以下操作：

$("#update").click(function(){
  $("table").find("input[type=checkbox]").each(function(){
    if($(this).is(':checked')==true){
      var txt_value = $("#line-no").val();
      if(txt_value != ""){
          $(this).closest("tr").find("td.cn").text(txt_value);
      }

    } 
  });
});

请检查Html是否仅更改了类的Id:

<table>
 <tr>
  <td><input type="checkbox"id="cb1"></td>
  <td class="cn">a1<td>
  <td>b1<td>
  <td>c1<td>
 </tr>
 <tr>
  <td><input type="checkbox" id="cb2"></td>
  <td class="cn">a2<td>
  <td>b2<td>
  <td>c2<td>
 </tr>
 <tr>
  <td><input type="checkbox" id="cb3"></td>
  <td class="cn">a3<td>
  <td>b3<td>
  <td>c3<td>
 </tr>
</table>
<label>Line Number</label>
<input type="text"  id="line-no">
<button type="button"  id="update">Update</button>


a1
b1
c1
a2
b2
c2
a3
b3
c3
行号
更新
请尝试以下内容：

$("#update").click(function(){
  $("table").find("input[type=checkbox]").each(function(){
    if($(this).is(':checked')==true){
      var txt_value = $("#line-no").val();
      if(txt_value != ""){
          $(this).closest("tr").find("td.cn").text(txt_value);
      }

    } 
  });
});

请检查Html是否仅更改了类的Id:

<table>
 <tr>
  <td><input type="checkbox"id="cb1"></td>
  <td class="cn">a1<td>
  <td>b1<td>
  <td>c1<td>
 </tr>
 <tr>
  <td><input type="checkbox" id="cb2"></td>
  <td class="cn">a2<td>
  <td>b2<td>
  <td>c2<td>
 </tr>
 <tr>
  <td><input type="checkbox" id="cb3"></td>
  <td class="cn">a3<td>
  <td>b3<td>
  <td>c3<td>
 </tr>
</table>
<label>Line Number</label>
<input type="text"  id="line-no">
<button type="button"  id="update">Update</button>


a1
b1
c1
a2
b2
c2
a3
b3
c3
行号
更新
id
是唯一的。使用
class
如果你想拥有相同的标识，你应该使用相同名称的class。另外，弹出窗口的代码在哪里，以及你迄今为止尝试过的代码在哪里？请澄清你想做什么…如果我选中cb1和cb2复选框，并在弹出窗口和更新时给出a2作为行号..我想要选中的行，前两行a1需要更改，因为a2
id
是唯一的。使用
class
如果你想拥有相同的标识，你应该使用相同名称的class。另外，弹出窗口的代码在哪里，以及你迄今为止尝试过的代码在哪里？请澄清你想做什么…如果我选中cb1和cb2复选框，并在弹出窗口和更新时给出a2作为行号..我想要选中的行，前两行a1需要更改为a2bear我是初学者。哪个jquery版本？请耐心等待我是初学者。哪个jquery版本？