精华内容
下载资源
问答
  • 双击或单击获取表格任一单元格的值,双击或单击获取表格单元个里checkbox框的属性值</title> <meta http-equiv="Content-Type" content="text/html; charset
    <!DOCTYPE html>
    
    <html>
        <head>
            <title>双击或单击获取表格任一单元格的值,双击或单击获取表格单元个里checkbox框的属性值</title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
            <!--两种方式,运行时请选择其中一种-->
            <script type="text/javascript">
                $(document).ready(function() {
                    //对单元格绑定dblclick事件。dblclick为双击事件,click为单机事件
                    $("td").dblclick(function() {
                        //判断双击的是哪一个单元格
                        if ($(this).parent('tr').find("td").index($(this)[0]) == 3) {
                            //获取双击或单击单元格所在行的第一列的checkbox框的aa属性值。获取value属性值可以采用 .val();获取自定义的属性值采用
                            var s1 = $(this).parent('tr').children('td').eq(0).find("input[type='checkbox']").attr("aa");
                            //获取双击或单击单元格所在行的第三列的内容。如果获取的数据需要再次使用可以用number进行强转
                            var s2 = $(this).parent('tr').children('td').eq(2).text();
                            var s3 = $(this).parent('tr').children('td').eq(3).text();
                            var s4 = $(this).parent('tr').children('td').eq(4).text();
                            alert(s1);
                            alert(s2);
                            alert(s3);
                            alert(s4);
                        }
                    });
                });
            </script>
            <script type="text/javascript">
                $(document).ready(function() {
                    //判断双击的是哪一行
                    $("tr").click(function() {
                        //获取该行的第一列的checkbox框的value属性值。获取value属性值可以采用 .val();获取自定义的属性值采用
                        var s1 = $(this).children('td').eq(0).find("input[type='checkbox']").val();
                        //获取该行的第三列的内容。如果获取的数据需要再次使用可以用number进行强转
                        var s2 = $(this).children('td').eq(2).text();
                        var s3 = $(this).children('td').eq(3).text();
                        var s4 = $(this).children('td').eq(4).text();
                        alert(s1);
                        alert(s2);
                        alert(s3);
                        alert(s4);
                    });
                });
            </script>
        </head>

        <body>
            <table border="1" width="500" height="50" align="center" class="listtable">
                <thead>
                    <tr>
                        <th><input type="checkbox" οnclick="checkAll()" id="checkAll" /></th>
                        <th>编号</th>
                        <th>姓名</th>
                        <th>年龄</th>
                    </tr>
                </thead>
                <tbody>
                    <tr bordercolor="red">
                        <td><input type="checkbox" name="checkboxid" value="111" aa="aa" /></td>
                        <td>1</td>
                        <td>张三</td>
                        <td>22</td>
                        <td>26</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="checkboxid" value="222" aa="bb" /></td>
                        <td>2</td>
                        <td>李er</td>
                        <td>25</td>
                        <td>55</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="checkboxid" value="333" aa="cc" /></td>
                        <td>3</td>
                        <td>李四</td>
                        <td>25</td>
                        <td>29</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="checkboxid" value="444" aa="dd" /></td>
                        <td>4</td>
                        <td>李db</td>
                        <td>27</td>
                        <td>57</td>
                    </tr>
                </tbody>
            </table>
        </body>

    </html>
    展开全文
  • 问题:通过遍历属性名数组,获取对象的属性值失败刚开始的错误代码如下:for(var i=0;i{var dataLine="";for(var j=0;jdataLine+=""+dataList[i].filedList[j]+"";}dataLine+="";$("#"+tableName).append(dat...

    关于”遍历js中对象的属性和值”的需求。是因为要做一个局部刷新表格内容的js插件。

    问题:通过遍历属性名数组,获取对象的属性值失败

    刚开始的错误代码如下:

    for(var i=0;i

    {

    var dataLine="

    ";

    for(var j=0;j

    dataLine+="

    "+dataList[i].filedList[j]+"";

    }

    dataLine+="

    ";

    $("#"+tableName).append(dataLine);

    }

    首先说一下,dataList里面放的是对象数组;filedList里面放的是对象的属性字段名数组。刚开始是这样想的,遍历dataList,每次都可以拿到一个对象,然后嵌套for循环,遍历filedList,每次拿到它的一个属性值,然后拼凑成表格。

    比如:dataList[0]就是一个Emp对象,而Emp里面有id,name等属性。平常我们就可以通过dataList[0].id得到当前Emp对象的id值。但是如果遍历属性字段数组的话,就不能通过这种方式dataList[0].filedList[0]。这并不是说filedList[0]里面没有获取到值,因为我通过alert(filedList[0])已经得到了这个id值为1。那么为什么获取失败呢?因为它是去找Emp对象里面的一个叫做filedList[0]的属性了!Emp对象里面当然没有这个属性了,所以就理所应当的获取失败了,那么我们又该如何获取对象的属性值呢?

    解决方案:用“加强for循环”去遍历

    正确代码如下:

    for(var i=0;i

    {

    var dataLine="

    ";

    for(var filedName in dataList[i]){

    dataLine+="

    "+dataList[i][filedName]+"";

    }

    dataLine+="

    ";

    $("#"+tableName).append(dataLine);

    }

    解决思路:既然dataList[i]是一个对象,那么我每次就可以拿到这个对象的属性名,然后通过dataList[i][filedName],即对象[属性名]的方式得到这个属性的属性值。

    function displayProp(obj){

    var names="";

    for(var name in obj){

    names+=name+": "+obj[name]+", ";

    }

    alert(names);

    }

    展开全文
  • js 获取表格元素 tr、th、td 相对于父节点的索引。 rowIndex 可以获取 tr 相对于根节点所有 tr 的索引,会计算之前所有的 tr。 sectionRowIndex 可以获取 tr 相在当前 table 下的索引。 以下面的第二个 tr 为例,...

    rowIndex 可以获取 tr 相对于根节点所有 tr 的索引,会计算之前所有的 tr
    在这里插入图片描述
    sectionRowIndex 可以获取 tr 相在当前 table 下的索引。
    以下面的第二个 tr 为例,rowIndex 的值是 1sectionRowIndex 的值是 0
    在这里插入图片描述
    这是网页的结构:
    在这里插入图片描述
    cellIndex 可以获取 th、td 相对于父节点的索引。
    在这里插入图片描述
    喜欢的点个赞❤吧!

    展开全文
  • js"] var table = document.getElementById(table_id); var rows = table.getElementsByTagName("tr"); // 第一种方法 var cell = rows[i].getElementsByTagName("td")[1];// 0 is ...

    var table = document.getElementById(table_id);
    var rows = table.getElementsByTagName("tr");
    // 第一种方法
    var cell = rows[i].getElementsByTagName("td")[1];// 0 is start
    var entryId = cell.firstChild.nodeValue;

    // 第二种方法
    var entryId = rows[i].cells[1].innerText;
    展开全文
  • js获取表单中的指定动态变量问题描述:for循环实现表格每行数据输入,对应每行有提交表单需要做相应处理,我们需要获得该行某列的变量要求:表格每一行有一个提交按钮实现前台判断操作(判断表格每行第二列的...
  • 本文主要通过一个简单示例,介绍了获取datalist元素指定option选项属性值的方法,同时提供了相关源码。 背景 页面上有input元素及关联的datalist的元素,datalist元素中有许多option选项,各选项各有value值及...
  • js数组对象根据多个属性值排序

    千次阅读 2020-04-08 10:29:51
    首先,我直接给出多属性值排序的方法,再说下一个详细的真实案例 例如:将下列数组按照pxId排序,当pxId相等时按照dj排序 var arr1 = [ {ID: "4001104",pxId: 2001,dj: 1,bh: 4001104}, {ID: "4001105",pxId:...
  • js中遍历获取表格的所有数据

    千次阅读 2019-07-18 17:32:11
    描述 var trs = $('#demoList tr');... // 这里是第三列的,也可以再遍历一次trs[i].children var tem = trs[i].children[2].innerText; } 解释 #demoList:可以是table的id,也可以是其他标签的id ...
  • 通过javascript 动态生成表格内容 test.asp用户维护 用户名称 手机号码--> 性别 用户类型 如何动态生成表格呢 见下面内容:var xPK, uName;clearData();SetData();var clicktablerownum=0;//晴空表格内容...
  • 一、获取children数组长度 getMaxFloor (treeData) { //获取树长度 let max = 0 function each (data) { for(let i = 0;i;i++){ max++; ...
  • 需要获取其中的自定义属性值,同时根据服务器返回数据进行状态的更改 通过参考文档及网友的经验,在此整理一番 使用方法 场景: 后台商品列表页,进行上下架状态的修改 ①. html 代码参考 着重注意 我设置的两个属性...
  • 通过children[n]、childNodes[n]来获取表格内的标签     &lt;div id="tupian"&gt;&lt;table cellpadding="0" cellspacing="1" border="0" width=&...
  • js获取选择的列表项对应的属性值

    千次阅读 2017-02-09 11:21:24
    1.获取选择的列表项id并以逗号分隔 var log_id_str= $(".ilResultsUl li").map(function () { if($(this).find(".igResRidos").hasClass("weui_icon_success"))//判断是否已选中 { return $
  • 前段时间做一个pdf操作的项目,现在分享一下在jsp中遇到的坑1.js动态拼接表格文件上传完毕后读取文件信息,将本次上传的文件信息封装到list中 从controller层传过来是map集合 map里面存了一个list和pages ajax获取...
  • mapbox获取图层中要素的属性值

    千次阅读 2020-10-23 13:20:42
    Mapbox GL JS提供了强大的查询检索功能,我们可以不需要写后台程序实现对于图层中要素属性值的查询检索功能。 例如:我们希望用一个表格或图表展示某个图层中所有或部分要素的某个属性值,我们可以用mapbox的map....
  • JS获取table表格任意单元格

    万次阅读 2011-11-23 21:19:09
    jsp页面表格布局 第一行第一列第一行第二列 第二行第一列第二行第二列第二行第三列 第三行第一列第三行第二列
  • <script type="text/javascript" src="jquery\jquery.min.js"> <script type="text/javascript"> $(document).ready(function(){ var h = document.body.scrollHeight;  var w = document.body.scrollWidth; ...
  • var demo=this.attributes['demo'].nodeValue;
  • // js表格中遍历按钮的属性 $.ajax({ url: “http:////getAllDevices”, type: “post”, dataType: “json”, async: false, success: function (data) { var status = document.getElementsByClassName(...
  • 事情是这样的,我用Thymeleaf渲染了表格的数据 页面是这样的 删除的功能我想用ajax实现,但是我发现普通的document.getElementById(“deletetype”)不好使了,根本就获取不到这一行的数据,因为我传进去的是一个...
  • jQuery获取表格同行不同列的

    千次阅读 2018-08-07 16:09:32
    今天做练习的时候碰到一个问题,就是在一个动态生成的表格中点击a标签修改同行不同列的,在经过网上查询和自己尝试后解决了这个问题,特此记录。 首先这是需求,点击某行的加号或者减号修改该行的入库数的数量: ...
  • 获取ExtjS表格

    千次阅读 2013-12-06 15:50:47
    表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下  Java代码  var cell = grid.getSelectionNode().getSelectedCell();  得到...
  • 遍历js中对象的属性

    万次阅读 2016-06-28 20:48:26
    今天优化项目时,遇到了关于”遍历js中对象的属性和值”的需求。之所以会有这个需求,是因为要做一个局部刷新表格...问题:通过遍历属性名数组,获取对象的属性值失败刚开始的错误代码如下:for(var i=0;i;i++) { v
  • json数组的遍历(获取属性名和属性值) <script type="text/javaScript"> //数据为jsonArray var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; for(var i in data){ ...
  • js table 一些属性获取和设置

    千次阅读 2018-11-28 11:32:39
    表格追加行数据,先把行拼起来,然后把拼好的内容的append到表格里 $("#id").append(内容)  2, 点击一个td删除一行,其实就是要...3,接下来的代码就是改变动态改变它的属性值,拿到所有的input...
  • js获取表格中的元素id

    2008-07-24 17:59:27
    先不废话 代码如下: Html代码 &lt;...gt;...text/javascript" &gt;    function init(){   var tab0=document.getElementById('tab0');    var tr1=document.getElement...
  • js根据value删除元素

    2020-10-13 16:51:05
    js根据value删除元素 问题说明:点击表格的多选框,点击后的多选框,利用事件机制实现多选框数据的获取,然后利用数组转存,点击选择事件后,把数组遍历,通过string类型显示出来,点击取消事件后,把相关数组...
  • 隐藏控件用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display=”block”或style.visibility=”visible”时控件或见,当style.display=”none”或style...
  • 默认的text获取属性值在jquery3.2.1中尝试不成功 获得属性值的方式: 类似数组,键值对的方式 下面例子: 设置dataType为json //页面加载完之后,直接去发送一个ajax请求,获取分页数据 $(function ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 46,801
精华内容 18,720
关键字:

js根据属性值获取表格