Tengo un formulario donde tengo tres radios con el mismo nombre pero diferente valor, cuando elijo uno la base de datos solo guarda el valor del primer radio que aparece en el formulario sin respetar la selección como puedo solucionar esto?
Este es mi formulario
<div id="Tambor" class="tabcontent">
<div class="md-form form-sm">
<input type="text" id="idorden" class="form-control">
<label class="container">
<input type="radio" id="s1" value="1" name="tambor">
<span class="checkmark1"></span>
</label>
<label class="container">
<input type="radio" id="s1" value="2" name="tambor">
<span class="checkmark2"></span>
</label>
<label class="container">
<input type="radio" id="s1" value="3" name="tambor">
<span class="checkmark3"></span>
</label>
</div>
</div>
<div class="text-center mt-2">
<button class="btn btn-info" id="enviar">Enviar</button>
</div>
Este es el Js con el que trabajo
$(document).ready(function() {
$("#enviar").click(function(){
create();
});
});
function read(Id) {
$.ajax({
method: "POST",
url: "http://localhost:8080/api/API/dolly/",
data: {
param: 2,
Id: Id
}
}).done(function(data) {
$("#nel").empty();
if (data.length > 0) {
var html = "";
$.each(data, function(i) {
console.log(data[i]);
})
}
})
}
function create() {
if ($.trim($("#idorden").val()) && $.trim($("#s1").val())){
var idorden = $.trim($("#idorden").val());
var s1 = $.trim($("#s1").val());
$.ajax({
method: "POST",
url: "http://localhost:8080/api/API/dolly/",
data: {
param: 1,
idorden: idorden,
s1: s1
}
}).done(function(data) {
console.log('se mando');
read(0);
})
}
}