使用JQuery代码输入Checkbox值

时间:2014-08-14 03:39:32

标签: jquery html

我使用此JQUERY代码将数据存入HTML表。第一次显示复选框值。下一次没有显示第一次获取的值。这是JQUERY代码。

$(document).ready(function(){
    $('#details').on('click', '.remove', function() {
        $(this).closest('tr').remove();
    })

    $('#submit').on('click',function(){
        var st = '';
        $('#trtform input[type=text],select,input[type=checkbox]:checked').each(function(){
            st = st+ '<td width="150" align="center">'+$(this).val()+'</td>';
            $(this).val('');
        });
        var remove = $('<td />', {text : 'X', 'class': 'remove'});
        $('#details').append( $('<tr />').append(st, remove) );
    });
}); 

请点击此链接以便更好地了解

http://jsfiddle.net/S4FT7/63/

1 个答案:

答案 0 :(得分:0)

那是因为你正在清除它的价值

你在说

$(this).val('');

这也将清除checkbox的值。你应该说

if($(this).is(':checkbox'))
    $(this).prop('checked',false); 
else
    $(this).val('');

DEMO