jquery, unselect checkbox

Question

now i get value if i selected checkbox(id which was selected), but how get value when i unselected (id which was unselected)?

For example I push on 1, and i get value 1. When I unselect 1, i get value 1. I hope you understand my problem.

<script>
$(document).ready(function()
{
    $("input[type=checkbox]").change(function(event){
        $("#result").html("&id=" + this.value);
    });
});
</script>
</head>                                                                 
<body>                                                                
<input type="checkbox" name="checkbox_pref" value = "1"/>1
<input type="checkbox" name="checkbox_pref" value = "2"/>2
<input type="checkbox" name="checkbox_pref" value = "3"/>3 
<div id="result">result ...</div>

Bob Fincheimer · Accepted Answer · 2010-08-10 21:10:47Z

1

I simply create an array with all the checked values.

Then i can use join to create string out of it for later use.

$(document).ready(function() {
    var $inputs = $("input[type=checkbox]");
    $inputs.change(function(event){
        var list = [];
        $inputs.filter(':checked').each(function() {
            list.push($(this).val());
        });
        $("#result").html("&id=" + list.join(",")); // Produces: &id = 1,2,3 (If they were all checked)
    });
});

edited Aug 10, 2010 at 21:10

answered Aug 10, 2010 at 20:13

Bob Fincheimer

18.1k1 gold badge31 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hristo Over a year ago

.. I just tried this and it didn't work. jsfiddle.net/8nhYq. Are you sure this works?

Bob Fincheimer Over a year ago

Thanks, I fixed the syntax errors, try: jsfiddle.net/8nhYq/1, post updated with valid JS

Mark · Accepted Answer · 2010-08-10 20:11:12Z

0

I believe if you use this.attr('checked') you should get back a boolean.

or you could do

this.is(':checked')

answered Aug 10, 2010 at 20:11

Mark

5,7302 gold badges28 silver badges26 bronze badges

Collectives™ on Stack Overflow

jquery, unselect checkbox

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related