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