点击td 获得tr所有的值(BootStrap 篇)
来源:互联网 发布:淘宝网购怎么分期付款 编辑:程序博客网 时间:2024/05/22 13:26
<script>$(function() {//点击checkbox 执行的事件$("#treeTable #shows a").click(function(e) { var tr=document.getElementById(this.name); var name=$(tr).children('td').children('a').eq(0).html(); var bData=$(tr).children('td').eq(1).html(); var sData=$(tr).children('td').eq(2).html(); var sort =$(tr).children('td').children('input').eq(1).val(); $("#myModal #name").val(name); $("#myModal #bData").val(bData); $("#myModal #sData").val(sData); $("#myModal #sort").val(sort);});});</script> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">详细信息</h3> </div> <div class="modal-body"> <form id="inputForm" modelAttribute="type" class="form-horizontal"><div class="control-group"><label class="control-label">栏目分类:</label><div class="controls"><input htmlEscape="false" maxlength="50" class="required" id="name" readOnly="true";/></div></div><div class="control-group"><label class="control-label">是否大类:</label><div class="controls"><input htmlEscape="false" maxlength="50" class="required" id="bData" readOnly="true";/></div></div><div class="control-group"><label class="control-label">是否小类:</label><div class="controls"><input htmlEscape="false" maxlength="50" class="required" id="sData" readOnly="true";/></div></div><div class="control-group"><label class="control-label">排序:</label><div class="controls"><input htmlEscape="false" maxlength="50" class="required" id="sort" readOnly="true";/></div></div></form> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button> </div> </div> <tags:message content="${message}"/><table id="treeTable" class="table table-striped table-bordered table-condensed"><tr><th>分类名称</th><th>大类</th><th>小类</th><th style="text-align:center;">排序</th><th>操作</th></tr><c:forEach items="${list}" var="type"><tr id="${type.id}" pId="${type.parent.id ne 1?type.parent.id:'0'}"><td id="shows"><a href="#myModal" data-toggle="modal" name="${type.id}">${type.name}</a></td><!-- <span href="#myModal" role="button" class="btn" data-toggle="modal">移动到</span> --><td>${fns:getDictLabel(type.bigFlag,'yes_no','否')}</td><td>${fns:getDictLabel(type.smallFlag,'yes_no','否')}</td><td style="text-align:center;"><input type="hidden" name="ids" value="${type.id}"/><input name="sorts" type="text" value="${type.sort}" style="width:50px;margin:0;padding:0;text-align:center;">${type.sort}</td><td><a href="${ctx}/sitesmanage/type/form?id=${type.id}">修改</a><a href="${ctx}/sitesmanage/type/delete?id=${type.id}" >删除</a><a href="${ctx}/sitesmanage/type/form?parent.id=${type.id}">添加下级分类</a> <!-- </shiro:hasPermission> --></td></tr></c:forEach></table><div class="form-actions pagination-left"><input id="btnSubmit" class="btn btn-primary" type="button" value="保存排序" onclick="updateSort();"/></div></body></html>
0 0
- 点击td 获得tr所有的值(BootStrap 篇)
- 点击table中的某一个td,获得这个tr的所有数据
- javascript从tr中分别获得每个td的元素
- jq获取tr中td的值(forEach遍历)
- Jquery 点击tr取出某个td标签值
- 获取table的tr和td值
- 获取某一个<tr>中<td>的值
- 隐藏一行tr再显示时,该行tr的所有td都展示在第一列的td里
- Angularjs中table中实现点击td中按钮不触发tr的点击事件
- td和Tr的区别。。
- 关于tr,td的width
- tr、td、th的不同
- 清除tr td的缝隙
- 同时获得table中的tr的id和td的id
- jquery遍历table的tr获取td的值
- jquery遍历table的tr获取td的值
- jquery遍历table的tr获取td的值
- jquery遍历table的tr获取td的值
- linux chmod命令
- 如何解决IE版本兼容问题
- (一)APNS 消息推送 原理
- 说一下JS的hasOwnProperty
- Fiddler最强大最好用的Web调试工具(推荐阅读)
- 点击td 获得tr所有的值(BootStrap 篇)
- Axis2开发webservice详解
- 分类
- 去掉链接点击后周围虚线框
- 随笔:小时候放的那些露天电影
- 解决asp.net中“从客户端中检测到有潜在危险的Request.Form值”的错误
- opencv 读取图片信息及区域数据
- (三)APNS 消息推送 发布
- (四)APNS 消息推送 后台