jquery 点击后数字递加或递减
本人试图用jquery做一个点击递加递减的小东西代码如下<scripttype="text/javascript">$(document).ready(function(...
本人试图用jquery 做一个点击递加 递减的小东西
代码如下
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$(this).attr("value","")
});
});
</script>
<body>
<input id="add" type="text" value="1" />
</body>
做到这里突然不知道如何进行下去了 ... 求JS前辈指点一二 展开
代码如下
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$(this).attr("value","")
});
});
</script>
<body>
<input id="add" type="text" value="1" />
</body>
做到这里突然不知道如何进行下去了 ... 求JS前辈指点一二 展开
4个回答
展开全部
$(document).ready(function(){
$("#add").click(function(){
var oldValue=parseInt($(this).val());//取出现在的值，并使用parseInt转为int类型数据
oldValue++;//自加1
$(this).val(oldValue);//将增加后的值付给原控件
});
});
PS:attr更新的是组件的属性(例如可以修改type等)，input的控件值要使用val()去修改，当然，如果是div的话就得用html()获取或者修改。
$("#add").click(function(){
var oldValue=parseInt($(this).val());//取出现在的值，并使用parseInt转为int类型数据
oldValue++;//自加1
$(this).val(oldValue);//将增加后的值付给原控件
});
});
PS:attr更新的是组件的属性(例如可以修改type等)，input的控件值要使用val()去修改，当然，如果是div的话就得用html()获取或者修改。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
仅供参考, 写在前面:
1. 注意parseInt()的用法,
2. 注意val()的两种用法. 取值和赋值.
3. 选择器可以很灵活的.
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[name=add]').click(function(){
var $input = $('input[name=value]'),
v = $input.val();
v = parseInt(v);
$input.val(v + 1);
});
});
</script>
<body>
<input name="value" type="text" value="1" />
<input name="add" type="button" value="Add" />
</body>
</html>
1. 注意parseInt()的用法,
2. 注意val()的两种用法. 取值和赋值.
3. 选择器可以很灵活的.
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[name=add]').click(function(){
var $input = $('input[name=value]'),
v = $input.val();
v = parseInt(v);
$input.val(v + 1);
});
});
</script>
<body>
<input name="value" type="text" value="1" />
<input name="add" type="button" value="Add" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这是要点击什么？ 文本框？
明白了：
$(function(){
$("#add").click(function(){
$(this).val(Number($(this).val())+1);
});
});
明白了：
$(function(){
$("#add").click(function(){
$(this).val(Number($(this).val())+1);
});
});
追问
点击“id”为add的标签.. 点一下 他自己的value 的值+1 递加
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(document).ready(function(){
$("#add").click(function(){
$(this).val(parseInt($(this).val())+1);//加
//$(this).val(parseInt($(this).val())-1);//减
});
});
$("#add").click(function(){
$(this).val(parseInt($(this).val())+1);//加
//$(this).val(parseInt($(this).val())-1);//减
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
