这是拼table的代码
for ( var i = 0; i < totalCount; i++) {
var prodHtml = "";
prodHtml +="<tr>";
prodHtml +=" <td class='center'><label><input type='checkbox' class='ace' /><span class='lbl'></span></label></td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodCode+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodName+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]price+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodType+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]backFlag+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]custodyFlag+"</td>";
prodHtml +=" <td></td>";
prodHtml += "</tr>";
$('#selectedProds')append(prodHtml);
}
这是点击下一步按钮时候的方法：
function xiayibu(){
需要获取到上面table中checkbox选中的行的值，并再使用上面的方法在另一个页面中重新显示一遍
}
可以参考下面的代码：
$(document)ready(function(){
varchecked=[];
$("#submitButton")click(function(){
$('input:checkbox:checked')each(function(){
checkedpush($(this)val());
});
alert(checked);
});
});
扩展资料：
jquery参考函数
$(”元素名称”)html(”<b>new stuff</b>”); 给某元素设置内容
$(”元素名称”)removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值
$(”元素名称”)removeClass(”class”) 给某元素删除指定的样式
$(”元素名称”)text(); 获得该元素的文本
$(”元素名称”)text(value); 设置该元素的文本值为value
参考资料来源：百度百科-jQuery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>获取checkbox在table中对应的行数</title>
<style type="text/css">
{margin:0;padding:0}
tables{width:500px;background: #f0f0f0;margin:50px auto;font:12px/21px Arial, Helvetica, sans-serif}
tables td{border: 2px solid #fff}
</style>
</head>
<body>
<table class="tables">
<caption>获取checkbox在table中对应的行数</caption>
<tr>
<td><input type="checkbox" class="chk" /> </td>
</tr>
<tr>
<td><input type="checkbox" class="chk" /> </td>
</tr>
<tr>
<td><input type="checkbox" class="chk" /> </td>
</tr>
<tr>
<td><input type="checkbox" class="chk" /> </td>
</tr>
<tr>
<td><input type="checkbox" class="chk" /> </td>
</tr>
</table>
<script type="text/javascript" src="js/jqueryjs"></script>
<script type="text/javascript">
var total_tr=$("tables")find("tr"); //获得table中tr 的总行数
$("tables")click(function(event){
event = windowevent || event;
var target = eventtarget || eventsrcElement;
if(targettype == "checkbox" && targetchecked == true){
var this_tr=$(target)parent()parent();//获得当前点击的checkbox 所在tr
var index=total_trindex(this_tr); //获取该tr在整个table中 位置
alert('此checkbox在table 中对应的行数是：'+index+' (这只是索引值)');
}
});
</script>
</body>
</html>
获取checkbox选中个数的方法如下：
$('div input[type=checkbox]:checked')length
解释：
div选择div标签
div input选择所有div中的所有input标签(包括radio、checkbox、hidden等)
div input[type=checkbox]选择所有div中所有的复选框（checkbox），其中[type=checkbox]为属性选择器，会选择type属性为checkbox的元素
div input[type=checkbox]:checked选择所有div下被勾选的checkbox，其中:checked表示为勾选状态
length可以取到选择器结果的条数，即div中checkbox为选中状态的元素个数
思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="show()"/>
2、javascript代码：
function show(){
obj = documentgetElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k]checked)
check_valpush(obj[k]value);
}
alert(check_val);
}
扩展资料
jQuery对checkbox的各种 *** 作：
1、根据id获取checkbox：
$("#cbCheckbox1");
2、获取所有的checkbox：
$("input[type='checkbox']");//or
$("input[name='cb']");
3、获取所有选中的checkbox：
$("input:checkbox:checked");//or
$("input:[type='checkbox']:checked");//or
$("input[type='checkbox']:checked");//or
$("input:[name='ck']:checked")；
以上就是关于jquery 如何获取table里面的checkbox全部的内容，包括:jquery 如何获取table里面的checkbox、jquery怎样获取多个复选框的值、jquery如何获取checkbox在table中对应的行数 求代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）