jquery获取动态表中所有的单选框值

最新推荐文章于 2021-06-05 00:06:26 发布

万德佛

最新推荐文章于 2021-06-05 00:06:26 发布

阅读量283

点赞数

分类专栏： JavaScript 文章标签： HTML JavaScript

本文链接：https://blog.csdn.net/qq_39251440/article/details/83148594

版权

JavaScript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

HTML代码，此处为动态生成的表：

<table class="table table-striped table-bordered table-hover" id="testtable">
    <thead  align="center" style="font-weight: bold;">
         <tr>
           <td width="100px">类别</td>
           <td width="150px">项目</td>
           <td width="350px">细则</td>
           <td width="200px">选项</td>
           <td>说明</td>
         </tr>
    </thead>
    <tbody id="esatable">
    </tdody>
</table>

JS代码：

//此处根据后台的数据动态生成表信息
function selectEsaInfo() {
            var id = 1;
            $.ajax({
                  type: "post",
                  url: "../esa/tableShow.cyl",
                  data: {
                      category_id : id
                  },
                  dataType: "json",
                  success: function(data){
                      var data = data.esaList;
                      var html = "";
                          html += "<tr><td rowspan='"+ data.length +"' align='center' >";
                      for (var i = 0; i < data.length; i++) {
                          html += ""+ data[i].esa_category+"</td>";
                        html += "<td align='center'>"+ data[i].esa_project +"</td>"
                          html += "<td>"+ data[i].esa_regulations +"</td>"
                           html += "<td name='rd' dv='" + data[i].id + "' align='center'>"
                           html += "<input type='radio' name='"+ data[i].id +"' value='0'/>符合"
                        html += "<input type='radio' name='"+ data[i].id +"' value='1'/>不符合"
                        html += "<input type='radio' name='"+ data[i].id +"' value='2'/>不适用</td>"
                        html += "<td  align='center' name='tx' tet='" + data[i].id + "'>"
                        html += "<textarea id= '" + data[i].id + "' style='border: none;width: 200px;height:40px;'></textarea>"
                        html += "</td></tr>"
                    }
                      $("#esatable").html(html);
                      mergeCell("esatable",1,data.length,0);
                  },
                  error: function(){
                      
                  }
               });
        }

//此处为获取rodio值的js

function detmecSave() {//detmecSave是一个提交按钮的点击事件
            var tds = $("#testtable").find("td[name='rd']");//表id:testtable，获取表中每行属性里有name=rd的行(这里给td写个name属性)
            var arryrodio = {};//创建数组
            for(var i = 0; i < tds.length; i++) {//循环所有行
                var radioName = tds [i].getAttribute("dv");//获取每行td的dv属性，为了方便区分每个rodio给一个键值
                var radioValue = $("input[name='" + radioName + "']:checked").val();//获取rodio值
                arryrodio[radioName] = (radioValue == undefined ? null : radioValue);//向数组添加元素
            }
            console.log(arryrodio );//打印
        }