请问用jquery实现一个简单的增加和减少 这样写为什么错的
$(function() {
    $("#add").click(function() {
    var num=parseInt($("#text").val());
    num=num+1;
    $("#text").val(num);
    });
    $("#add").click(function() {
    var val=parseInt($("#text").val());
    val=val-1;
    $("#text").val(val);
    });
});
<form action="Add" method="post">
    <input type="text" id="text" value="1" /> <input type="submit"
        value="提交" />
</form>
<button id="add">增加</button>
<button id="sub">减少</button>

2个回答

你的script标签呢?js代码要用script括起,如果是js文件,自己检查js文件路径对不对,并且要放到jquery垒许下,jquery是否正确倒入

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $(function () {
        $("#add").click(function () {
            var num = parseInt($("#text").val());
            num = num + 1;
            $("#text").val(num);
        });
        $("#sub").click(function () {
            var val = parseInt($("#text").val());
            val = val - 1;
            $("#text").val(val);
        });
    });
</script>
<form action="Add" method="post">
    <input type="text" id="text" value="1" /> <input type="submit"
                                                     value="提交" />
</form>
<button id="add">增加</button>
<button id="sub">减少</button>

上面的js代码要写在button标签的下面,否则访问不到这些控件。另外你绑定了2次add,没有绑定sub

立即提问