点击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
原创粉丝点击