以下代码将html表中已选中复选框的行信息存储到数组中:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
function myFunc() {
var myValues = new Array();
$.each($("input[name='selection[]']:checked").closest("td").siblings("td"),
function () {
myValues.push($(this).text());
});
alert("values: " + myValues.join(" "));
}
</script>
<table border="2">
<tr>
<th>Select</th>
<th>ID</th>
<th>NAME</th>
<th>JOB</th>
</tr>
<tr>
<td align="center"><input type="checkbox" class="selection" name="selection[]"></td>
<td>11</td>
<td>John</td>
<td>Doctor</td>
</tr>
<tr>
<td align="center"><input type="checkbox" class="selection" name="selection[]"></td>
<td>102</td>
<td>Anne</td>
<td>Pilot</td>
</tr>
<tr>
<td align="center"><input type="checkbox" class="selection" name="selection[]"></td>
<td>203</td>
<td>Laura</td>
<td>Teacher</td>
</tr>
</tr>
</table>
<input type="button" value="get it" onclick="javascript:myFunc(); return false;">
现在,我需要有一个逗号分隔的字符串所选择的IDS(如果所有地方的复选框的选中将是:str1="11,102,203";
)
ID以及其他字符串中所选行中的其余信息(如果选中的所有复选框均为:)str2 = "11, John, Doctor,102, Anne,Pilot, 203, Laura, Teacher";
。
而且我不知道该怎么做。我正在考虑将键添加到myValues数组中,但是我不知道这是否是一个好方法(并且不知道如何执行此操作。.对于jquery :()来说太新了
尽管我不确定您希望2个字符串的样子如何,但我创建了一个演示供您在选定的行中获取不同的值。我建议您遍历选定的复选框td并使用next()函数在行中获取其他值。
$.each($("input[name='selection[]']:checked").closest("td"),function (index,item) {
...
});
JS小提琴演示http://jsfiddle.net/kTDPK/
对于字符串输出,请检查浏览器的控制台。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句