如何获取与提交表单上选中的复选框同一行的文本元素?
How to get text elements of the same row as selected checkboxes on submiting form?
我想存储(在数组中)与所选复选框位于同一行的所有文本元素的值。但我无法获得那些文本元素。我唯一知道的是我需要处理 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>
纯javascript方式:
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);
}
我想存储(在数组中)与所选复选框位于同一行的所有文本元素的值。但我无法获得那些文本元素。我唯一知道的是我需要处理 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>
纯javascript方式:
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);
}