87,994
社区成员
发帖
与我相关
我的任务
分享默认为0 点击加号 文本框加1 点击减号文本框减1 不能为负数 点击叉为0
各位大佬这种功能怎么做，默认为0 点击加号 文本框加1 点击减号文本框减1 不能为负数 点击叉为0
...全文
请发表友善的回复…
发表回复
天际的海浪 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>
