checkbox批量選中,獲取選中的項的值

来源:http://www.cnblogs.com/uman/archive/2016/06/27/5621568.html
-Advertisement-
Play Games

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script> </head> ...


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="jquery.js"></script>
 </head>


 <body>
  <div id="table">
<table id="personList" border="1">
<tr>
<th>ID</th>
<th><input type="checkbox" name="allCheck"  id=="allCheck" onclick="fun()"></input></th>
<th>name</th>
<th>age</th>
<th>Country</th>
</tr>
<tr>
<td>1</td>
<th><input type="checkbox" name="checkme" id="a"></input></th>
<td>asan</td>
<td>32</td>
<td>China</td>
</tr>
<tr>
<td>2</td>
<th><input type="checkbox" name="checkme" id="b3e"></input></th>
<td>hon</td>
<td>30</td>
<td>JP</td>
</tr>
<tr>
<td>3</td>
<th><input type="checkbox" name="checkme" id="cdd"></input></th>
<td>Jhone</td>
<td>27</td>
<td>USA</td>
</tr>
</table>
  
  </div>
  <input type="button" value="" onclick="s()" id="qw" name="aaa"/>


  <script>

function checkAll()
{
var checkedOfAll=$("#allCheck").attr("checked");
alert(checkedOfAll);
$("input[name='checkme']").attr("checked", checkedOfAll);
}

/**
function checkAll(){
var obj = document.getElementsByName("checkme");
var arr = new Array();
for(var i=0;i<obj.length;i++){
obj[i].click();
arr[i]=$(obj[i]).parent().siblings().first().text();
alert(arr);
}
}
*/


function s(){
var obj = document.getElementsByName("checkme");
var arr = [];
for(var i=0;i<obj.length;i++){
if($(obj[i]).is(':checked')){
var id = $(obj[i]).parent().siblings().first().text();
var name = $(obj[i]).parent().siblings().eq(1).text();
var age = $(obj[i]).parent().siblings().eq(2).text();
var country = $(obj[i]).parent().siblings().eq(3).text();
alert("id"+id+" ,name:"+name+" ,age:"+age+" ,country:"+country);
//alert("$(obj[i]):"+$(obj[i])+" ,id:"+$(obj[i]).id+" ,name:"+$(obj[i]).name)
}
}
}
  </script>
 </body>

</html>


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 最近在搞一個小程式,會用到動態修改配置文件來進行處理,在百度上找了很多辦法,但是始終達不到我預想的效果,先列出程式運行環境和開發工具版本: 開發工具:VS2010 .Net 運行環境:4.0 有兩種方式,分別如下: 第一種方式:只能在程式運行和調試時有效,在程式打包成安裝包並安裝之後會出現問題,完整 ...
  • 以字元串的形式輸出。 1、response.getWriter().write("您好中國hello"); 如果這樣輸出的話。則瀏覽器結果為: 2、加上代碼 response.setCharacterEncoding("UTF-8"); response.getWriter().write("您好中 ...
  • #include <DbgHelp.h> #pragma comment(lib, "dbghelp.lib") LONG WINAPI TopLevelExceptionFilter(struct _EXCEPTION_POINTERS *pExceptionInfo) { //cout << " ...
  • 近日,Yelp的SRE工程師Dmitriy Samovskiy發表了一篇標題為 《新時代的運維》 的文章,文章中他簡要介紹了在雲計算大環境下,運維工作重心和角色的變化。 其實在6年前,Dmitriy就寫過一篇關於 DevOps趨勢 的文章,在那篇文章中,他認為系統管理人員需要具有簡單腳本之外的開發能 ...
  • for...in迴圈在運行時出錯了錯誤,並沒有要求枚舉對象的修改與當前保持一致。事實上,ES對併發修改在不同js環境下的行為的規範留有餘地。標準規定: 如果被枚舉的對象在枚舉期間添加了新的屬性,那麼在枚舉期間並不能保證新添加的屬性能被訪問。 上面規範的實際後果:如果我們修改了被枚舉的對象,則不能保證... ...
  • 3.事件和動畫 A. 事件 Aa. DOM載入 1.為什麼使用jQuery載入DOM方法? 以javascript的window.onload()方法載入DOM的先決條件是:必須等待被請求頁面的資源全部載入完成,才會為DOM元素添加事件行為;而jquery只要DOM元素載入完成,就立刻綁定事件 2. ...
  • //獲取到當前時間 Date date=new Date(); DateFormat format=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String time=format.format(date); ...
  • <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script> </head> ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...