Javascript 用数据库数据填写无线电输入

当我查询时，表单返回填充了数据库数据的输入无线电，如图所示：

<input type="radio" id="Estado" name="Estado" value="Pendente" ' . ( ($row6["Estado"]=='Pendente') ? 'checked' : '' ) .' readonly="true"> Pendente &nbsp;&nbsp;&nbsp; <input type="radio" id="Estado" name="Estado" value="Concluído" ' . ( ($row6["Estado"]=='Concluído') ? 'checked' : '' ) .' readonly="true"> Concluído

HTML:

2st表格：

var radios = document.getElementsByName("Estado");

if (radios.value == "Pendente") {
            radios.checked = true;
        }else{
            radios.checked = true;
        }   

---

有人能帮忙吗？

我在HTML文件中发现了这个问题。正如@daddygames建议的，您在两个单选按钮中使用了相同的ID。见下文

<h6>
    <input type="radio" id="Estado1" name="Estado" value="Pendente"> Pendente &nbsp;&nbsp;&nbsp; 
    <input type="radio" id="Estado1" name="Estado" value="Concluido"> Concluído
</h6>

彭登特
结语

---

ID必须是唯一的。更新ID并使其唯一。然后根据需要更改

.ajax

脚本中的代码。这对你有帮助

首先，我创建了变量

lis

，以接收

无线电输入从数据库接收的值：

var lis = $("#Estado").val();

然后在
数据
函数中，我创建了另一个变量，该变量的值为
无线电输入
从函数接收的值：

var teste = data.Estado;

最后，我检查
是否
：

if(lis == teste){
$('#Estado').prop('checked' , true);
}else{ 
$('#Estado1').prop('checked' ,true);
} 

完整代码：

$(document).on('click', '.edit_data6', function(){  
           var employee_id6 = $(this).attr("Id");
           var lis = $("#Estado").val();
           $.ajax({  
                url:"./fetch26",  
                method:"POST",  
                data:{employee_id6:employee_id6},  
                dataType:"json",  
                success:function(data){
                  var teste = data.Estado;
                     $('#data6').val(data.data6);
                     $('#Colaborador6').val(data.Colaborador6); 
                     $('#Observacao6').val(data.Observacao6);
                     if(lis == teste){
                     $('#Estado').prop('checked' , true);
                     }else{ 
                     $('#Estado1').prop('checked' ,true);
                     } 
                     $('#Conclusao').val(data.Conclusao);
                     $('#employee_id6').val(data.Id6);
                     $('#insert6').val("Gravar");                    
                     $('#exampleModal6').modal('show'); 

                }  
           });  
      });  

看起来你们两个无线电输入都使用相同的id：“Estado1”。每个元素的id属性都必须是唯一的。这可能是您无法获得预期结果的原因。该行需要随ID更改->$（“#Estado1”）.prop（“选中”，data.Estado）一起更改；你能添加html代码吗？@Mayur我添加了htmlOkay，我已经纠正了ID的问题，但是我现在如何更改Ajax？不要同时更改两个单选按钮的ID。只需更改第一个（
）。这样就不需要更改ajax

@BrunoYou的意思是只更改第一个输入的ID：是的，完全相同。我更改了第一个无线电输入的ID，但通过单击“编辑”按钮继续更改半径

var teste = data.Estado;

if(lis == teste){
$('#Estado').prop('checked' , true);
}else{ 
$('#Estado1').prop('checked' ,true);
} 

$(document).on('click', '.edit_data6', function(){  
           var employee_id6 = $(this).attr("Id");
           var lis = $("#Estado").val();
           $.ajax({  
                url:"./fetch26",  
                method:"POST",  
                data:{employee_id6:employee_id6},  
                dataType:"json",  
                success:function(data){
                  var teste = data.Estado;
                     $('#data6').val(data.data6);
                     $('#Colaborador6').val(data.Colaborador6); 
                     $('#Observacao6').val(data.Observacao6);
                     if(lis == teste){
                     $('#Estado').prop('checked' , true);
                     }else{ 
                     $('#Estado1').prop('checked' ,true);
                     } 
                     $('#Conclusao').val(data.Conclusao);
                     $('#employee_id6').val(data.Id6);
                     $('#insert6').val("Gravar");                    
                     $('#exampleModal6').modal('show'); 

                }  
           });  
      });