javascript - 具有 Jquery map 功能的复选框？

Question

我有以下代码，

...

<input type="hidden" name="unchecked"  id="unchecked" value="" />
<?php
    $ind = 1;
    foreach($array as $v){
?>

<input class="checkbox checked" id="checked_<?php echo $ind; ?>" type="checkbox" value="<?php echo $value['id']; ?>"/>

<?php
    $ind++;
    }
?>

...

我想将复选框值存储为隐藏框中的逗号分隔。所以我尝试使用以下 jquery，

<script type="text/javascript">
    $(function(){    
        $("input.checked").click(function(){  
            //alert($(this).val());
            $("input#unchecked").val($.map($("input[id^='checked_']"), function( item ) {
                return $(item).val();
            }).join(",")); 
        });
    });  
</script>

当我单击任何一个复选框时，上面的脚本会存储复选框的所有值。我在这件事上做错了什么。好心的建议

Answer 1

改变

$("input[id^='checked_']")

到

$("input[id^='checked_']:checked")

或者使用下面的:

选择选中的:$("input[id^='checked_']").is(':checked')

选择未选中的:$("input[id^='checked_']").not(':checked')