js点赞效果++和--

最新推荐文章于 2024-06-14 10:42:57 发布

leizi929

最新推荐文章于 2024-06-14 10:42:57 发布

阅读量3.6k

点赞数 2

分类专栏： web-jsp

本文链接：https://blog.csdn.net/leizi929/article/details/44587737

版权

web-jsp 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

代码1；

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<title>js点赞效果++和--demo</title>
<style>
	a{text-decoration:none;  /* 去掉下划线 */} 
</style>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<body>
 <br>
	<a href="javascript:void(0)" οnclick="numAddSub(false)" >---</a>
	<input type="text" readonly id="mum" value="1"/>
	<a href="javascript:void(0)" οnclick="numAddSub(true)" >+++</a>	
<body>
<html>
<script>
	function numAddSub(add){
		var temp = +($("#mum").val());
		if(add){
			$("#mum").val(++temp);
		}else{
			temp = temp || 1
			temp = temp==1?2:temp;  //最小值为1
			$("#mum").val(--temp);
		}
	}
</script>

代码2：

<html>
<head></head>
<title>js点赞效果++和--demo</title>
<style>
	a{ 
		text-decoration:none;  /* 去掉下划线 */
		 } 
</style>
<script src="jquery.min.js"></script>
<body>

 <br>
	<a href="javascript:void(0)" οnclick="funCut()" >---</a>
		<input type="text" readonly id="mum" value="0"/>
	<a href="javascript:void(0)" οnclick="funAdd()" >+++</a>
	
<body>
<html>
<script>
	
	function funCut(){  // 减减的方法
		var temp = $("#mum").val();
		temp--;
		if (temp = 0) {
			// 如果是0 就不能点击
		};
		$("#mum").val(temp);
	}
	function funAdd(){ // 加加的方法
		var temp = $("#mum").val();
		temp++;
		$("#mum").val(temp);
	}
</script>

leizi929

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js点赞效果++和--

代码；js点赞效果++和--demo a{ text-decoration:none; /* 去掉下划线 */ } --- +++ function funJian(){ // 减减的方法 var temp = $("#mum").val(); temp--; if (temp = 0) { // 如果是0 就不
复制链接

扫一扫

专栏目录