Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 取所选复选框的值_Javascript_Jquery - Fatal编程技术网

Javascript 取所选复选框的值

Javascript 取所选复选框的值,javascript,jquery,Javascript,Jquery,通过一个按钮,我打算使用复选框的值来编辑数据库中的一行 我的代码组织如下。首先,我创建如下表: HTML: 现在在js中,我打算使用我在上一个表中创建的复选框值。我试着这样做: $(document).on('click', '.upd_forn', function(){ var updf = $("#update").is(":checked") ? $("#update").val() : ''; $.ajax(

通过一个按钮,我打算使用复选框的值来编辑数据库中的一行

我的代码组织如下。首先,我创建如下表:

HTML:

现在在js中,我打算使用我在上一个表中创建的复选框值。我试着这样做:

$(document).on('click', '.upd_forn', function(){ 

   var updf = $("#update").is(":checked") ? $("#update").val() : '';

   $.ajax({  
        url:"updforn.php",  
        method:"POST",
        cache: false,               
        data:{updf:updf},               
        dataType:"json",  
        success:function(data){
            
            for (var i = 0; i < data.length; i++) { 
                       
               Id = data[i][0];
               Fornecedor = data[i][1];
               Nif = data[i][2];
               Contato = data[i][3];
               Morada = data[i][4];
               Postal = data[i][5];
               Email = data[i][6];
               Colaborador = data[i][7];
            
             $('#Idf').val(Id);
             $('#Fornecedor1').val(Fornecedor);
             $('#Nif2').val(Nif);
             $('#Contato2').val(Contato);
             $('#Morada2').val(Morada);
             $('#Postal2').val(Postal);
             $('#Email3').val(Email);
             $('#minhaDiv6').show();
             $('#minhaDiv1').hide();
            }
        }

    });
});
但这样,如果选中从数据库表返回的第一行的复选框,它只返回值。
选择另一行不再返回行id。

我使用querySelector解决了问题,它以这种方式获取所选无线电输入的id

完整代码:

var updf = document.querySelector('input[name="update"]:checked').value;

+=id='update'在每一行上-id必须是唯一的$update将始终为您提供第一个one@reedomn-m我怎么能总是独享呢?我用课堂来代替身份证吗?哦,你是对的,我需要我的咖啡@弗里多姆
<button href="s7" class="btn btn-warning caixa btn-show close-sidebar upd_forn" data-element="#minhaDiv6" style="float:right;"><i class="fa fa-pencil-square fa-5x taman" aria-hidden="true"></i>
<br>
    <h4>Editar</h4>
    <h4>Fornecedor</h4>
</button>
$(document).on('click', '.upd_forn', function(){ 

   var updf = $("#update").is(":checked") ? $("#update").val() : '';

   $.ajax({  
        url:"updforn.php",  
        method:"POST",
        cache: false,               
        data:{updf:updf},               
        dataType:"json",  
        success:function(data){
            
            for (var i = 0; i < data.length; i++) { 
                       
               Id = data[i][0];
               Fornecedor = data[i][1];
               Nif = data[i][2];
               Contato = data[i][3];
               Morada = data[i][4];
               Postal = data[i][5];
               Email = data[i][6];
               Colaborador = data[i][7];
            
             $('#Idf').val(Id);
             $('#Fornecedor1').val(Fornecedor);
             $('#Nif2').val(Nif);
             $('#Contato2').val(Contato);
             $('#Morada2').val(Morada);
             $('#Postal2').val(Postal);
             $('#Email3').val(Email);
             $('#minhaDiv6').show();
             $('#minhaDiv1').hide();
            }
        }

    });
});
var updf = document.querySelector('input[name="update"]:checked').value;