jquery 点击后数字递加或递减

发布网友发布时间：2022-04-26 01:24

共5个回答

热心网友时间：2022-04-26 02:54

$(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()获取或者修改。

热心网友时间：2022-04-26 04:12

仅供参考, 写在前面:
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>

热心网友时间：2022-04-26 05:46

你这是要点击什么？文本框？
明白了：

$(function(){
$("#add").click(function(){
$(this).val(Number($(this).val())+1);
});
});追问点击“id”为add的标签.. 点一下他自己的value 的值+1 递加

热心网友时间：2022-04-26 07:38

$(document).ready(function(){
$("#add").click(function(){
$(this).val(parseInt($(this).val())+1);//加
//$(this).val(parseInt($(this).val())-1);//减
});
});