jquery datatable checkbox问题

北京冀承伟 2014-08-03 03:30:15

jquery datatable checkbox
我用最新版的jquery datatable，可以动态创建出一列check'box，并增加了全选功能，但是我用jquery或是js的getElementById()的方法取checkbox的id或name，始终无法获取选中的内容，结果一看服务器返回的html源代码，其中不包含表格内容（tr、td之类的），但是获取table元素的对象是可以的，请问怎么才能取到所有已选中的checkbox的id或是value

我尝试了一种方法，用getElementById()能取到id=xxx的table元素的内容，这里面可以取到html代码。但html代码中不包含是否已经选中的信息，因此无法进行下去了
求教了

...全文

167 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

猿敲月下码 2014-08-04

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script src="http://static.blog.csdn.net/scripts/jquery.js"></script>
  <script type="text/javascript">
$(function(){
	// 找到第一列的td中的checkbox,不包括全选checkbox
	var $tdCheckbox = $("#tb tr:gt(0)") // 从第二个TR开始
		.find("td:eq(0)") // TR中第一个TD
		.find(":checkbox"); // TD中的checkbox
	$('#idAll').click(function(){
		$tdCheckbox.attr('checked',this.checked);
		// 没效果试试下面这句
		//$tdCheckbox.prop('checked',this.checked);
	});

	$('#ck').click(function(){
		var valueArr = [];
		$tdCheckbox.each(function(){
			if(this.checked){
				valueArr.push(this.value);
			}
		});
		// 选中的value
		alert(valueArr)

	});

	

})

  </script>
 </head>

 <body>
  <table id="tb" border="1">
  <tr>
	<td><input type="checkbox" id="idAll">全选</td>
	<td>姓名</td>
  </tr>
  <tr>
	<td><input type="checkbox" name="id" value="1"></td>
	<td>Jim</td>
  </tr>
  <tr>
	<td><input type="checkbox" name="id" value="2"></td>
	<td>Tom</td>
  </tr>
    <tr>
	<td><input type="checkbox" name="id" value="3"></td>
	<td>Tim</td>
  </tr>
  </table>
  <input id="ck" type="button" value="check value">
 </body>
</html>