代码之家  ›  专栏  ›  技术社区  ›  Diogo Silva

如何以正确的方式动态创建输入复选框

  •  0
  • Diogo Silva  · 技术社区  · 7 年前

    我试着用ajax中的一个success函数创建一个复选框, 表中的所有数据都已正确创建,但我的“输入”复选框未显示在表中,但如果我更改为某个按钮,则该复选框将不起作用。 我怎样才能修好它? 谢谢。

             function createTableByJqueryEach(data)
            {
    
    
                var eTable=`<table class="table">
                    <thead class="thead-light"><tr>
                    <th scope="col">Nome da Instituição</th>
                    <th scope="col">Categoria</th>
                    <th scope="col">UF</th>
                    <th scope="col">Responsável</th>
                    <th scope="col">E-mail</th>
                    <th scope="col">Nota</th>
                    <th scope="col">IAD Conh.</th>
                    <th scope="col">IAD Apli.</th>
                    <th scope="col">Enviar Ubc</th>
                    </tr>
                    </thead><tbody>`
    
                $.each(data,function(index, row){                
                    eTable += "<tr>";
                    $.each(row,function(key,value){     
                        if(value['ubc'] !== undefined){
                            eTable += "<tr><td>"+value['ubc']['name']+"</td><td>" + value['ubc']['partner']['title'] + "</td><td>"+value['ubc']['uf']+"</td><td>"+
                                value['ubc']['coordinator']+"</td><td>"+value['ubc']['email']+"</td><td>"+ parseFloat(value['nf'].toFixed(3)) +"</td><td>"+
                                    parseFloat(value['ap_grade'].toFixed(1))+"</td><td>"+parseFloat(value['kn_grade'].toFixed(1))+"</td><td><input type="checkbox"></td>";
                        }                   
                    });
                    eTable += "</tr>";
                });
                eTable +="</tbody></table>";
                $('#eachTable').html(eTable);
                }
    
    
        $('#taxo_id').click(function(){
            var radio_option = $("input[type='radio']:checked"); 
    
            var ubcs = JSON.parse('{{ubcs}}')
    
    
            $.ajax({
                url:"/api/v1/oportuniy/diogoreturn/",
                type:"GET",
                data: {
                    option:radio_option.val(),
                    oportunity: '{{oportunity.id}}',
                    filter:'{{filter_oportunity.id}}',
                    ubcs:ubcs
                },
                dataType:'json',
                success: function(data){
                    createTableByJqueryEach(data);                
    
                },
                error: function(data){                    
                    swal({
                        title:'Atenção!',
                        text:data['responseJSON']['error'],
                        icon: "warning",
                        buttons: true,
                        dangerMode: true,
                    });
                }
            });
        });
    
    0 回复  |  直到 7 年前