获取隐藏复选框的值答案

【问题标题】：Get value of hidden checked checkbox获取隐藏复选框的值
【发布时间】：2014-05-12 01:51:50
【问题描述】：

我可以通过这个查询获得选中复选框的值：

vals = $('input[name="checkedID"]:checked').map(function() {
    return this.value;
}).get().join(',');

但是，我怎样才能获得 hidden 选中复选框的值？我试过了，但它不起作用：

vals = $('input:hidden[name="checkedID"]:checked').map(function() {
    return this.value;
}).get().join(',');

谢谢！

【问题讨论】：

标签： jquery html checkbox datatables

【解决方案1】：

复选框是否隐藏无关紧要。

$('input:hidden[name="checkedID"]:checked').val();

与：

<input type="checkbox" name="checkedID" value="Yes" style="display:none;" checked>

返回了我所期望的。这是它的一小部分：http://jsbin.com/kixujoci/2/

请记住，如果输入因被其父母之一隐藏而不可见，:hidden 将不起作用。

【讨论】：

请在此处提供您的答案，而不仅仅是一个链接。
@Bill Criswell：感谢您的回答。这就是我在我的问题中的意思（对不起，如果不清楚） >O
真的没有优雅的方法可以做到这一点。我认为最干净的方式是从父母那里工作：$('#list-of-hidden-checkboxes :checked');
@Bill Criswell：我没听懂你的意思，你能详细说明一下吗？ #list-of-hidden-checkboxes是父的ID（本例是表）？
@BillCriswell：非常感谢您的回答，但不幸的是它没有回答我的问题。 >O

【解决方案2】：

我找到了这个答案：http://datatables.net/forums/discussion/17382/form-checkbox-values-not-posting。我最终使用了以下脚本（对源代码进行了一些修改）：

<script type="text/javascript">
    $(document).ready( function () {
        var oTable = $('#idparent').dataTable();

        $('#form').submit(function () {
            $("input[name='checkedID[]:checked']").remove();
            $("input:checked", oTable.fnGetNodes()).each(function(){
                $('<input type="checkbox" id="checkedID" class="checkedID" name="checkedID[]" ' + 'value="' +
                  $(this).val() + '" type="hidden" checked="checked" />')
                    .css("display", "none")
                    .appendTo('#form');
            });
        });
    } );   
</script>

选中复选框的值需要在提交时重新附加到表单中。上面的代码导致了多余的值，所以你需要删除之后的重复值。

【讨论】：