【JavaScript】验证码点击刷新、点击超链接，问是否删除、点击鼠标左键，修改文本框信息

最新推荐文章于 2020-09-16 10:22:55 发布

wanwan_javaweb

最新推荐文章于 2020-09-16 10:22:55 发布

阅读量1.2k

点赞数

分类专栏： JavaScript小练

本文链接：https://blog.csdn.net/wanwan_javaweb/article/details/25100059

版权

JavaScript小练专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、验证码点击刷新

<script type="text/javascript">  
    function changeImage(img) {  
        img.src = img.src + "?" + new Date().getTime();  
    }  
</script>

2、

点击超链接，问是否删除。

点击鼠标左键，修改文本框信息。

<%@ page language="java" import="java.util.*,com.xiaozhi.domain.Cart;" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"   prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<script type="text/javascript">
		function deleteItem(id){
			var b=window.confirm("您确定要删除吗？");
			if(b){
				window.location="${pageContext.request.contextPath }/servlet/DeleteItemServlet?id="+id;
			}
			
		}
		function clearCart(){
			var b=window.confirm("您确定要删除吗？");
			if(b){
				window.location="${pageContext.request.contextPath }/servlet/ClearCartServlet";
			}
			
		}
		function changeQuantity(input,id,oldvalue){
			var quantity=input.value;
			if(quantity < 0 || quantity!=parseInt(quantity)){
				alert("请输入正整数！");
				input.value=oldvalue;
				return;
			}			
			window.location="${pageContext.request.contextPath }/servlet/ChangeQuantityServlet?id="+id+"&quantity="+quantity;
			
		}
	</script>
  </head>
 <body style="text-align:center">
  <h1>购物车列表</h1>
  <c:if test="${empty(cart.map)}">
  	您没有购买任何商品
  </c:if>
  <c:if test="${!empty(cart.map)}">
    <table width="70%" border="1">
    	<tr>
    		<td>书名</td>
    		<td>作者</td>
    		<td>价格</td>
    		<td>数量</td>
    		<td>小计</td>
    		<td>操作</td>
    	</tr>
    	<c:forEach var="entry" items="${cart.map}">
    	<tr>
    		<td>${entry.value.book.name}</td>
    		<td>${entry.value.book.author}</td>
    		<td>${entry.value.book.price }</td>
    		<td>
    			<input type="text" name="quantity" target="_blank" value="${entry.value.quantity}" style="width:35px" οnchange="changeQuantity(this,${entry.key},${entry.value.quantity})">
    		</td>
    		<td>${entry.value.itemPrice}</td>
    		<td><a href="javascript:void(0)" target="_blank" οnclick="deleteItem(${entry.key})">删除</a></td><!-- 去掉超链接默认行为-->
    	</tr>
    	</c:forEach>
    	<tr>
    		<td colspan="3">总计</td>
    		<td colspan="2">${cart.totalPrice}</td>
    		<td colspan="1">
    			<a href="javascript:void(0)" target="_blank" οnclick="clearCart()">清空购物车</a>
    		</td>
    	</tr>
    </table>
    </c:if>
    </body>
</html>

wanwan_javaweb

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript】验证码点击刷新、点击超链接，问是否删除、点击鼠标左键，修改文本框信息

1、验证码点击刷新<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> function deleteItem(id){
复制链接

扫一扫