在滚动div中添加已选中复选框的值

Question

我有一个div，用户向下或向上滚动div。

http://jsfiddle.net/MetCastle/6adby/

当选中任何复选框时，div中的值应减少-1，因为限制为40。

（对于这个例子，我更改了3的值，因为它更容易检查3而不是40。）

以下是检查代码：

    $(':checkbox').click(function() {

            $("#limit").val(parseInt($("#limit").val()) -1);

            if ($("#limit").val() == "0")
                {
                alert("Ya has escogido las 3 canciones");
                }

    });

当用户取消选中一个框时，我需要为第一个输入添加+1，我不知道该怎么做。

感谢您的帮助！

Answer 1

您可以先检查复选框值，以确定是否应按此增加或减少计数器：

$(':checkbox').click(function() {
    var delta = $(this).is(':checked') ? -1 : 1;

    if(delta < 0){
         $("#scroll").append( "<div>" + $(this).val()  + "</div>")
    }
    else{
        $("#scroll div:contains('" + $(this).val() + "')").remove();
    }

    $("#limit").val(parseInt($("#limit").val()) +  delta);

    if ($("#limit").val() == "0")
      {
         alert("Ya has escogido las 3 canciones");
      }

});