Question

each checkbox that i check, i fill the input with it’s id

now, how can i retrieve this id that i put inside the input if the user uncheck the checkbox?

exp:

estate SC,SP was checked;

input recieve SC,SP value in this format = SC,SP

but the user uncheck the checkbox with SC value, then SC should be removed from the input.

this is what i’m doing to fill the input with the checkboxes.

var separador = ",";
var estadosS  = "";
$(".checkboxEstados").live("click", function(){
    if($(this).is(":checked")){
        estadosS += (estadosS == "") ? "" : separador;
        estadosS += $(this).attr("id");
        $("#holdEstados").val(estadosS);
    }else{
        // now i'm just cleaning all the input, 
        // but i need to clean only the checkbox that was unchecked
        $("#holdEstados").val(""); 
    }
});

dont know if i was clear, any question, be my guest.

Thanks.

Answer 1

You’re logic can be greatly simplified. Simply grab each checkbox that is checked when the click event fires:

$(".checkboxEstados").live("click", function() {
    var aryIds = new Array();

    $(".checkboxEstados:checked").each(function() {
        aryIds.push($(this).attr("id"));
    });

    $("#holdEstados").val(aryIds.toString());
});

Here’s a working fiddle.