代码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>