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

时间:2015-02-10 07:25:33

标签: javascript jquery arrays row

我想存储(在数组中)与所选复选框位于同一行的所有文本元素的值。但我无法获得这些文本元素。我只知道我需要使用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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

纯粹的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);
}