JS獲得選取checkbox整行數(shù)據(jù)的方法
本文實(shí)例講述了JS獲得選取checkbox整行數(shù)據(jù)的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js</title>
</head>
<script language="javascript">
function getTDtext()
{
var rows = document.getElementById("test_table").rows;
var a = document.getElementsByName("r");
//var states = "";
var table = document.getElementById("test_table");
for(var i=0;i<a.length;i++)
{
if(a[i].checked){
var row = a[i].parentElement.parentElement.rowIndex;
//states += rows[row].cells[1].innerHTML+";";
alert(a[i].value);
alert(rows[row].cells[1].innerHTML);
}
}
}
</script>
<body>
<table id="test_table">
<tr><td><input type="checkbox" name="r" value="1"></td><td>a</td></tr>
<tr><td><input type="checkbox" name="r" value="2"></td><td>b</td></tr>
<tr><td><input type="checkbox" name="r" value="3"></td><td>c</td></tr>
<tr><td><input type="checkbox" name="r" value="4"></td><td>d</td></tr>
<tr><td><input type="checkbox" name="r" value="5"></td><td>e</td></tr>
<tr><td><input type="checkbox" name="r" value="6"></td><td>f</td></tr>
</table>
<input type="button" onclick="getTDtext()" value="button">
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
簡(jiǎn)單實(shí)現(xiàn)js間歇或無縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單便捷的實(shí)現(xiàn)js間歇或無縫滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
javascript閉包的高級(jí)使用方法實(shí)例
這篇文章介紹了javascript閉包的高級(jí)使用方法實(shí)例，有需要的朋友可以參考一下2013-07-07
基于leaflet.js實(shí)現(xiàn)修改地圖主題樣式的流程分析
這篇文章主要介紹了基于leaflet.js實(shí)現(xiàn)修改地圖主題樣式的流程，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05
javascript設(shè)計(jì)模式 封裝和信息隱藏（上）
今天博文關(guān)注的是javascript中的封裝，文章內(nèi)容來自《pro javascript design patterns》（有興趣的朋友可以直接去下）和自己對(duì)這一問題的理解2012-07-07
這篇文章主要介紹了微信小程序模板template簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了微信小程序模板template的功能、簡(jiǎn)單使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
微信小程序如何修改radio和checkbox的默認(rèn)樣式和圖標(biāo)
這篇文章主要介紹了微信小程序修改radio和checkbox的默認(rèn)樣式和圖標(biāo),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
這篇文章主要給大家介紹了關(guān)于在ts文件中引入js模塊編寫聲明文件的寫法示例,TypeScript是JavaScript的超集,TypeScript會(huì)進(jìn)類型檢查,需要的朋友可以參考下2023-08-08
Bootstrap實(shí)現(xiàn)基于carousel.js框架的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)基于carousel.js框架的輪播圖效果，無過渡動(dòng)畫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法
這篇文章主要介紹了JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法,實(shí)例分析了javascript使用object類定義對(duì)象及屬性的用法,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了javascript的正則匹配方法，幫助大家更快更高效的學(xué)習(xí)javascript正則的相關(guān)內(nèi)容，感興趣的小伙伴們可以參考一下2016-02-02