如何在提交表单时获取与所选复选框相同的行的文本元素?

阿克谢·瓦加西娅

我想存储(在数组中)与所选复选框位于同一行的所有文本元素的值。但是我无法获得这些文本元素。我只知道我需要使用javascript来获取这些文本。但是如何?我仅使用此代码来获取rowIndex,甚至无法正常工作。

function func()
{
    var checkbox = $(this);
    other_elements_in_the_row = checkbox.closest("td").siblings().children();
    alert(rowIndex);
}
<tr>
   <td><input type="checkbox" name="ch" value="Akshay" onclick="func(this)"></td>                                   
   <td>ABC</td>                                   
   <td><input type="text" name="txt" ></td>                                 
</tr>
<tr>
   <td><input type="checkbox" name="ch" value="Vaghasiya"></td>                                   
   <td>ABC</td>                                   
   <td><input type="text" name="txt" ></td>                                 
</tr>
<tr>
   <td>
<input type="submit" name="sub"></td>
</tr>

Rakesh_Kumar

纯JavaScript方式:

http://jsfiddle.net/dzLyu8zw/

function submit(){
var arr=new Array();
var a= document.querySelectorAll('td > input[type="checkbox"]:checked');
for(i=0;i<a.length;i++){
    var b= a[i].parentNode.parentNode;
    arr.push(b.querySelector('input[type="text"]').value);        
}
alert(arr);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在提交时验证多个复选框?

如何在Xamarin表单中获取复选框值

如何在我的复选框内联和复选框旁边获取文本?

JS-如何在文本为空且未选中复选框的情况下停止表单提交?

选中复选框并使用 ajax 提交表单时,送货地址与账单地址相同

获取所选复选框的文本Android吗?

如何通过单击复选框将文本元素从输入复制到另一个输入?

获取表单提交时所有p复选框的状态(Angular PrimeNG)

选中复选框并使用POST获取数据时提交表单

选中复选框获取所选行的值

提交表单后获取复选框值

使用javascript创建与输入复选框列表元素内联的文本元素

如果在提交按钮时选中了特定复选框,如何获取特定复选框的值?

复选框输入在表单提交时仍然为假

仅在选中复选框时提交表单

提交表单时,请保持选中复选框

如何从表格单元格获取复选框的值并提交为表单

如何从Blazor @code块中的单选/复选框表单提交中获取数据?

当表单附加一行数据时,如何在 Google 表格行中添加复选框

如何获取所选复选框的数量(计数)?

如何仅获取所选复选框的选项值?

提交时如何存储表单中的所有复选框?

复选框,表单提交以及如何在循环中正确使用array_fill?

使用asp:CheckBox控件在与控件相同的行上获取复选框文本

如何在需要时突出显示替代隐藏复选框输入的复选框伪元素

如果选中复选框,如何在复选框旁边的文本中插入一行?

提交表单变更复选框

我在编写 MySQL 查询以提交具有文本和复选框的表单内容时卡住了

Rails,如何在选中时使用true提交禁用的复选框