zoukankan      html  css  js  c++  java
  • jquery table表格 获取选中的某一行和某一列的值

    table class="table table-hover" id="test123">
    <tr>
    <th width="45">选择</th>
    <th width="100">驾校名称</th>
    <th width="100">合作驾校名称</th>
    <th width="100">申请时间</th>
    <th width="100">申请状态</th>
    <th width="100">操作</th>
    </tr>
    <tr>
    <td><input type="checkbox" name="id" value="1" /></td>
    <td>中大驾校</td>
    <td>潇湘驾校</td>
    <td>2016-04-15 14:40:20</td>
    <td class="tablestate">未处理</td>
    <td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>
    </tr>
    <tr>
    <td><input type="checkbox" name="id" value="1" /></td>
    <td>中大驾校</td>
    <td>潇湘驾校</td>
    <td>2016-04-15 14:40:20</td>
    <td class="tablestate">未处理</td>
    <td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>
    </tr>
    </table>

    <div id="br_applicationStatus">
    <span>修改申请状态</span>
    <div class="radio" style="margin-top:1rem;"><input type="radio" name="br_radiobutton" value="未处理" checked="checked"> 未处理</div>
    <div class="radio"><input type="radio" name="br_radiobutton" value="已处理"> 已处理</div>
    <div class="radio"><input type="radio" name="br_radiobutton" value="无效"> 无效</div>
    <div class="form-button br_confirm"><button class="button bg-main" type="submit" style="margin-left: 20%;margin-top: 1.5rem;">确认</button></div>
    <div class="form-button br_cancel"><button class="button bg-main" type="submit" style="border: 1px solid #00BFFF;background-color: #fff;color: #00BFFF;position: relative;top:-2.2rem;margin-left: 62%;">取消</button></div>
    </div>


    这里写图片描述

    具体的操作过程

    $("#test123 tr").click(function(){
    // 获取点中行的第五列
    // alert($(this).children().eq(4).html());
    $this = $(this);
    $(".br_confirm").click(function(){
    // 弹框中选中的值
    var $Selectvalue = $("input[name='br_radiobutton']:checked").val();
    $this.children().eq(4).html($Selectvalue);

    $("#br_mask").css("display","none");
    $("#br_userExcel").css("display","none");
    $("#br_applicationStatus").css("display","none");
    })
    });
    ---------------------
    作者:丧尸会跳小芭蕾
    来源:CSDN
    原文:https://blog.csdn.net/qq_26725075/article/details/51182929?utm_source=copy
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    发布NBearV3最终测试版v3.2.5
    NBearV3教程——Web篇
    JUnit中的设计模式:命令模式
    HTTP协议 通信过程介绍
    JUnit中的设计模式:适配器模式
    《Head First设计模式》 读书笔记15 其余的模式(一) 桥接 生成器 责任链
    SQL基础:数据库规范化与三范式
    《Head First设计模式》 读书笔记13 复合模式 MVC模式
    Android Tab标签的使用基础
    Android设备上的传感器模拟工具:SensorSimulator
  • 原文地址:https://www.cnblogs.com/asdyzh/p/9775005.html
Copyright © 2011-2022 走看看