程序博客网 > 甄嬛传 三观不正 知乎

java前端查询类别、更新类别

来源：互联网 发布：甄嬛传 三观不正 知乎 编辑：程序博客网 时间：2024/05/01 11:03


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <%@ include file="/public/public.jspf" %>
 <script type="text/javascript">
  /*  1: jquery选择器: ID(页面必须唯一) 类(同时捆绑多个dom对象) 标签(仅仅捆绑某个标签)  来源CSS 
      2： 把所有的dom对象转化jquery对象即可使用jquery的属性和方法
  */
  $(function(){
   $(".updBtn").click(function(){
    // 获取要操作的"热点"和"类别"dom对象
    var tdType=$(this).parent().siblings(".tdType");
    // children: 只查询儿子,不考虑后代元素, find 支持后台元素
    var chkHot=$(this).parent().siblings(".tdHot").children();
    if(this.value=="更新"){
     this.value="确认";  //dom对象
     // val: 仅仅适合表带元素(value属性的元素)  html: 支持显示html标签  text: 不支持html,但是支持xml
     tdType.html("<input value='" + tdType.html() + "' />");
     chkHot.removeAttr("disabled");
    }else{
     $(this).val("更新");  // jquery对象
     // 还原非可编辑区域
     tdType.html(tdType.children().val());
     chkHot.attr("disabled","disabled");
     // 发送ajax请求,用来更新类别信息, js里面 不能用jstl标签或者表达式
     //[{key:value,key:{},},{key:value,key:{},}]     
     var id=$(this).parents("tr:first").attr("id");
     var hot=chkHot.get(0).checked;
     //alert("id:" + id + ",type:" + type + ",hot:" + hot);
     $.post(shop + "/category_update.action",{id:id,type:tdType.html(),hot:hot});
    }
   });
  });
 </script>
</head>
<body>
 <form action="${shop}/category_query.action" method="post">
     名称:<input type="text" name="type" />
  <input type="submit" value="查询所有" />
 </form>
 <table border="1">
  <tr>
   <td>编号</td>
   <td>类别名称</td>
   <td>热点</td>
   <td>所属管理</td>
   <td>更新</td>
   <td>删除</td>
   
  </tr>
  <c:forEach items="${requestScope.categoryList}" var="category" varStatus="num">
    <tr id="${category.id}">
     <td>${num.count}</td>
    <td class="tdType"><c:out value="${category.type}" default="　" /></td>
    <td class="tdHot">
     <input type="checkbox" disabled="disabled" name="hot" value="true"
      <c:if test="${category.hot}">
       checked="checked"
      </c:if>
      />
    </td><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/public/public.jspf" %>
<script type="text/javascript">
/* 1: jquery选择器: ID(页面必须唯一) 类(同时捆绑多个dom对象) 标签(仅仅捆绑某个标签) 来源CSS
2： 把所有的dom对象转化jquery对象即可使用jquery的属性和方法
*/
$(function(){
$(".updBtn").click(function(){
// 获取要操作的"热点"和"类别"dom对象
var tdType=$(this).parent().siblings(".tdType");
// children: 只查询儿子,不考虑后代元素, find 支持后台元素
var chkHot=$(this).parent().siblings(".tdHot").children();
if(this.value=="更新"){
this.value="确认"; //dom对象
// val: 仅仅适合表带元素(value属性的元素) html: 支持显示html标签 text: 不支持html,但是支持xml
tdType.html("<input value='" + tdType.html() + "' />");
chkHot.removeAttr("disabled");
}else{
$(this).val("更新"); // jquery对象
// 还原非可编辑区域
tdType.html(tdType.children().val());
chkHot.attr("disabled","disabled");
// 发送ajax请求,用来更新类别信息, js里面 不能用jstl标签或者表达式
//[{key:value,key:{},},{key:value,key:{},}]
var id=$(this).parents("tr:first").attr("id");
var hot=chkHot.get(0).checked;
//alert("id:" + id + ",type:" + type + ",hot:" + hot);
$.post(shop + "/category_update.action",{id:id,type:tdType.html(),hot:hot});
}
});
});
</script>
</head>
<body>
<form action="${shop}/category_query.action" method="post">
名称:<input type="text" name="type" />
<input type="submit" value="查询所有" />
</form>
<table border="1">
<tr>
<td>编号</td>
<td>类别名称</td>
<td>热点</td>
<td>所属管理</td>
<td>更新</td>
<td>删除</td>

</tr>
<c:forEach items="${requestScope.categoryList}" var="category" varStatus="num">
<tr id="${category.id}">
<td>${num.count}</td>
<td class="tdType"><c:out value="${category.type}" default="　" /></td>
<td class="tdHot">
<input type="checkbox" disabled="disabled" name="hot" value="true"
<c:if test="${category.hot}">
checked="checked"
</c:if>
/>
</td>
<td>${category.account.login}</td>
<td><input type="button" value="更新" class="updBtn"/></td>
<td><input type="button" value="删除" class="delBtn"/></td>
</tr>
</c:forEach>
</table>
</body>
</html>
    <td>${category.account.login}</td>
    <td><input type="button" value="更新" class="updBtn"/></td>
    <td><input type="button" value="删除" class="delBtn"/></td>
    </tr>
  </c:forEach>
 </table>
</body>
</html>


0 0
甄嬛传 三观不正 知乎 甄嬛传 三观不正 知乎
原创粉丝点击
热门IT博客
南通东华软件 培训南通东华软件 培训
rgb颜色渐变算法rgb颜色渐变算法
云计算 大数据 关系
js除法向上取整
百度浏览器mac版
前锦网络信息技术
淘宝网热卖是什么
美工要去上培训班吗
怎样给淘宝店铺装修
哪个软件可以手绘
mock数据是什么意思
下载软件的工具
sql 2008 r2 百度网盘
php资源网源码
淘宝充值未到账
清华金融研究数据库
wifi指纹定位算法
mac 鲁大师
js获取第二个子元素
java 防止伪造cookie
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 灵帝 神武灵帝 率土之滨灵帝完美搭配 率土之滨灵帝 灵汐雪神与东华帝君青宸 率土之滨灵帝加点 武灵帝尊全文免费阅读 九灵帝君 醉梦红辰 灵界帝尊 没有翅膀 九霄灵帝 太古尊帝 公子御灵 我跟武帝交换身体之后 箫灵儿 我在大唐开超市青帝灵威仰 灵幻新娘 灵幻小姐 灵幻家族 灵幻童子 灵幻少女 灵幻祖师 灵幻新隆 灵幻天师 鬼打鬼之灵幻天师 鬼打鬼灵幻天师 灵幻家族国语高清 灵幻家族国语高清免费观看 鬼打鬼之灵幻天师在线播放 灵幻新娘朱宝意有露吗 灵幻祖师免费播放 幻灵先生粤语 幻灵先生3 灵幼先生 灵换先生 茅山明 港台古装三钑鬼片灵幻新娘 郑成功分灵庙 儿诞石 地府巡灵倌 彼岸浮屠 仙值灵府免费阅读 火车行程查询 火车行程 火车路线查询经过的城市 火车 查询

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里