Question

Jsfiddle - http://jsfiddle.net/yeyene/S4FT7/

我修改了上面的jsfiddle示例，以获取同一页面上的表的复选框值。问题是它给了我即使没有选中的所有复选框值。有人帮我解决这个问题。谢谢

$(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>');
    });
});

Answer 1

将input[type=checkbox]更改为input[type=checkbox]:checked

试试这个： -

$(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>');
   });
 });

Demo

Answer 2

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

$（＆＃39;输入＆＃39;）可以获得任何输入，包括您的选择。

如果是其复选框，则必须添加 $（＆＃39;输入[type =＆＃34;复选框＆＃34;]：选中＆＃39;）以获取您选择的值。

$(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>');
    });
});

JSFIDDLE

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

2 个答案: