使用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;
		}

 

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