使用JQuery获取表格中选中的行id的写法

最近在做一个纯JQuery实现的项目,以前没有学过JQuery就直接用框架开发,如今用到纯JQuery自己实现,学会了一点JQuery,感觉挺有意思的,做下笔记。

使用JQuery获取表格中选中的行id的写法,我记录了两种:

 

		//获取选中行的id
		function getCheckedIds() {
			//方案一
			var checkedIds = $("#tbodyId").find("input"), ids = [], ids2 = [];
			for (var i = 0; checkedIds && i < checkedIds.length; i++) {
				var obj = $("#tbodyId").find("input").eq(i);
				if (obj.is(":checked")) {
					ids.push(obj.attr("id"));//前提是 tbody中每行的checkbox都有id属性
				}
			}

			//方案二
			// var checkedIds2 = $("#tbodyId").find("td input:checked");
			// $.each(checkedIds2, function (index, item) {
			// 	console.log(item)
			// 	var id = $(item).val();
			// 	ids2.push(id);
			// });
			console.log("选中:", ids, ids2);//返回结果:选中: (3) ["1", "2", "3"] (3) ["1", "2", "3"]
			return ids;
		}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章