Javascript 在同一页的表中显示复选框和表单数据

Jsfiddle-

我修改了上面的JSFIDLE示例，以便将复选框值添加到同一页面上的表中。问题是它给了我一个甚至没有选中的all复选框值。有人帮我解决这个问题。谢谢

$(document).ready(function(){
    $('#submit').on('click',function(){
        var st = '';
        $('#myForm input[type=text],input[type=password],select,input[type=checkbox]').each(function(){
            st = st+ '<td>'+$(this).val()+'</td>';
            $(this).val('');
        });
        $('#details').append('<tr>'+st+'</tr>');
    });
});

$（文档）.ready（函数（）{
$（“#提交”）。在（'单击'，函数（）上{
var st=''；
$（'#myForm input[type=text]，input[type=password]，select，input[type=checkbox]'）。每个（函数（）{
st=st++'+$（this.val（）++'；
$（this.val（“”）；
});
$（“#详细信息”）。追加（“”+st+“”）；
});
});

将

输入[type=checkbox]

更改为

输入[type=checkbox]：选中

试试这个：-

$(document).ready(function(){
$('#submit').on('click',function(){
    var st = '';
    $('#myForm input[type=text],input[type=password],select,input[type=checkbox]:checked').each(function(){
        st = st+ '<td>'+$(this).val()+'</td>';
        $(this).val('');
    });
    alert(st);
    $('#details').append('<tr>'+st+'</tr>');
   });
 });

$（文档）.ready（函数（）{
$（“#提交”）。在（'单击'，函数（）上{
var st=''；
$（'#myForm input[type=text]，input[type=password]，select，input[type=checkbox]：checked'）。每个（函数（）{
st=st++'+$（this.val（）++'；
$（this.val（“”）；
});
警报（st）；
$（“#详细信息”）。追加（“”+st+“”）；
});
});

我调整了一些代码以使其更简单

$（'：input'）可以获取任何输入，包括您的选择

如果选中它，则必须添加$（'input[type=“checkbox”]：checked'）以获取您选择的值

$(document).ready(function(){
    $('#submit').on('click',function(){
        var st = '';
        $(':input[type!="button"]').each(function(){
            if(this.value){
                st = st+ '<td>'+$(this).val()+'</td>';
                    $(this).val('');
            }
        });
        $('#details').append('<tr>'+st+'</tr>');
    });
});

$（文档）.ready（函数（）{
$（“#提交”）。在（'单击'，函数（）上{
var st=''；
$（'：输入[类型！=“按钮]）。每个（函数（）{
if（该值）{
st=st++'+$（this.val（）++'；
$（this.val（“”）；
}
});
$（“#详细信息”）。追加（“”+st+“”）；
});
});

我在你的小提琴示例中没有看到任何复选框。你能显示你的html代码吗？