获取checkbox选中后表格里的值

最新推荐文章于 2019-02-20 12:50:23 发布

zxl333

最新推荐文章于 2019-02-20 12:50:23 发布

阅读量3.9k

点赞数 1

分类专栏： JavaScript 文章标签： button border action table

本文链接：https://blog.csdn.net/zxl333/article/details/7084439

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>获取checkbox选中后表格里的值</title>
</head>
<script language="javascript">
function get(){
    var r=document.getElementsByName("r");
    for(var i=0;i<r.length;i++){
         if(r[i].checked){
         var a=document.getElementById("a").value;
         var b=document.getElementById("b").value;
         alert(r[i].value+","+a+","+b);
         //r[i].nextSibling.nodeValue
       }
    }
}
</script>
<body>
<form name="form1" method="post" action="">
<table border="1">
  <tr><td><input type="checkbox" name="r" value="1"></td><td><input type="hidden" id="a" value="a"/>a</td><td><input type="hidden" id="b" value="b"/>b</td></tr>
  <tr><td><input type="checkbox" name="r" value="2"></td><td><input type="hidden" id="a" value="c"/>c</td><td><input type="hidden" id="b" value="d"/>d</td></tr>
  <tr><td><input type="checkbox" name="r" value="3"></td><td><input type="hidden" id="a" value="e"/>e</td><td><input type="hidden" id="b" value="f"/>f</td></tr>
  <tr><td><input type="checkbox" name="r" value="3"></td><td><input type="hidden" id="a" value="g"/>g</td><td><input type="hidden" id="b" value="h"/>h</td></tr>
  <tr><td><input type="checkbox" name="r" value="4"></td><td><input type="hidden" id="a" value="i"/>i</td><td><input type="hidden" id="b" value="j"/>j</td></tr>
</table>

value的值是动态的

zxl333

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
获取checkbox选中后表格里的值

获取checkbox选中后表格里的值function get(){ var r=document.getElementsByName("r"); for(var i=0;i if(r[i].checked){ var a=document.getElementById("a").value; var
复制链接

扫一扫