jquery table表格 获取选中的某一行和某一列的值
来源:互联网 发布:最好广告过滤软件 编辑:程序博客网 时间:2024/05/21 10:06
<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"); }) });
0 0
- jquery table表格 获取选中的某一行和某一列的值
- jQuery获取table下某一行某一列的值
- 获取某一表格的某一行某一列的值
- web开发学习笔记(4):js获取table的行数和表格中某一行某一列的内容
- 固定表格table的某一列
- 关于LWUIT的table让选中的某一列的某一行点击可以编辑问题
- 关于jqgrid获取某一行某一列的值
- JavaScript获取table中某一列的值的方法
- 如何在动态创建的表格中获取某一列的值(jquery)
- JavaScript实现获取table中某一列的值
- 遍历表格的某一列的值
- jquery之点击表格的某一行获取其id
- 使用awk命令获取文本的某一行,某一列
- jQuery即选中某一单选框时,某一下拉框的值便设定为某一值。
- javascript里如何获取GridView里某一行某一列的值和TextBox的值比较
- Ext获取某一列的值
- jquery取table中某一行td的值
- 如何获取Listview被选中的那一行的某一列的值?
- x265探索与研究(九):compressFrame()函数
- HDU1084 What Is Your Grade?
- 168.leetcode Excel Sheet Column Title(easy)[进制转换]
- HDU 1098 Ignatius's puzzle(数学归纳题or费马小定理)
- linux内核的make modules 有什么用
- jquery table表格 获取选中的某一行和某一列的值
- tomcat报内存溢出解决方案
- 如何使用集合中的ArrayList方法
- 制作ESX6.0 U盘启动器
- opencv中检测视频内容是否变化,并且能够进行人脸检测。
- 欢迎使用CSDN-markdown编辑器
- windows server 2008 tomcat 问题
- java实现二叉树
- 思考-贪心算法