默认为0 点击加号文本框加1 点击减号文本框减1 不能为负数点击叉为0

用戶ID080 2017-06-19 01:46:36

各位大佬这种功能怎么做，默认为0 点击加号文本框加1 点击减号文本框减1 不能为负数点击叉为0

...全文

316 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2017-06-19

打赏
举报


<div>
	<img src="a.png" width="40" height="40" alt="subtract" onclick="m_subtract(this)" />
	<input type="text" value="0" />
	<img src="b.png" width="40" height="40" alt="add" onclick="m_add(this)" />
	<img src="c.png" width="40" height="40" alt="clear" onclick="m_clear(this)" />
</div>
<div>
	<img src="a.png" width="40" height="40" alt="subtract" onclick="m_subtract(this)" />
	<input type="text" value="0" />
	<img src="b.png" width="40" height="40" alt="add" onclick="m_add(this)" />
	<img src="c.png" width="40" height="40" alt="clear" onclick="m_clear(this)" />
</div>

<script type="text/javascript">
function m_subtract(t) {
	var obj = t.parentNode.getElementsByTagName('input')[0];
	if (obj.value>=1)
		obj.value--;
}
function m_add(t) {
	var obj = t.parentNode.getElementsByTagName('input')[0];
	obj.value++;
}
function m_clear(t) {
	var obj = t.parentNode.getElementsByTagName('input')[0];
	obj.value=0;
}
</script>

_林小夕 2017-06-19

打赏
举报


<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<input type="num" name="num" id="num" value="0">
<button class="add">+</button>
<button class="reduce">-</button>
<button class="reset">X</button>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
	var val = $("#num").val();
	$(".add").click(function() {
		val++;
		$("#num").val(val);
	});
	$(".reduce").click(function(){
		if(val == 0) return;
		val--;
		$("#num").val(val);
	});
	$(".reset").click(function() {
		$("#num").val(0);
	});
</script>
</body>
</html>