javascript - 如何清除之前检查的值

Question

我将选定的值从 jquery 传递到下一页的 url，这就是我的复选框的样子:

<label class="checkbox">
    <input  type="checkbox" value="male" id="gender" name="gender"  /> Male
</label>
<label class="checkbox" style="margin:-25px 0 0 100px">
    <input type="checkbox" value="female"  id="gender" name="gender" /> Female
</label>

<label class="checkbox" style="margin:-20px 0 0 205px">
    <input checked type="checkbox" value="all" id="gender" name="gender"> All
</label>   

我的jquery:

var gender = $('input[name=gender]:checked').map(function(){
    return $(this).val();
}).get();
alert(gender);

我的问题是例如:

当我选择性别男性时，它会作为 'male,' 传递给 jquery，但是当我取消选中男性并选中女性时，我的问题就在这里，然后它会作为 female 传递给 jquery，男， 它没有传递现在选择的值，而是传递上一个值，任何人都可以指导我如何解决这个问题。

Answer 1

使用jQuery更改事件如下

$('input[name=gender]').on('change',function(){
    var gender = $('input[name=gender]:checked').map(function(){
        return $(this).val();
    }).get();
    alert(gender);
});

<强> DEMO