Skip to main content
se añadieron 217 caracteres en el cuerpo
Origen Enlace
fwBasic
  • 2.8k
  • 1
  • 13
  • 24

Ahora si desea que solo se pueda seleccionar una forma de pago entonces utiliza type="radio" y colocas la propiedad name="formaDePago" a todas las formas de pago.

Ejemplo:

// ** Usando constructor **

function Pasajero(identificador, nombre, email, celular, edad) {
  
  this.identificador = identificador;
  this.nombre = nombre;
  this.email = email;
  this.celular = celular;
  this.edad = edad;
  
  }

// Variables globales

var efectivo = document.getElementById('efectivo');
var cheque = document.getElementById('cheque');
var tarjeta = document.getElementById('tarjeta');
var evento = document.getElementById('crear');
var pasajeros = []; // Cantidad de pasajeros .length
var persona = "";
var t = "";


// ** Fin Constructor **
  
// ** Prototipo del constructor **

Pasajero.prototype = {
  
  pago: "",
  
  formaDePago: function() {
    
    if (efectivo.checked) {
      return this.pago = 'efectivo';
    }
    else if(cheque.checked){
       return this.pago = 'cheque';
    }
    else if(tarjeta.checked){
       return this.pago = 'tarjeta';
    }
    else {
      console.log("Selecciona método de pago por favor");
    }
    console.log(pago);
    
  }
  
};


// Añadimos un evento con una función anónima..
evento.addEventListener('click', function(){
  
  persona = new Pasajero((pasajeros.length + 1), "aena", "[email protected]", "+56958274822", "24" );
  pasajeros.push((pasajeros.length + 1));
// Recorremos el array
pasajeros.forEach(function(e){console.log(e);});

// Recorremos el objeto creado del constructor
for (var i in persona) {
  
  document.write('<hr></hr>' + i + ": " + (typeof persona[i] === 'function' ? persona[i]() : persona[i]));
 
}
});
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin  <title>JS Bin</title>
</head>
<body>
<div id="array">
    <input type="checkbox"type="radio" name="formaDePago" id="efectivo" value="Efectivo"/>Efectivo...
  <input type="checkbox"type="radio" name="formaDePago" id="cheque" value="Cheque"/>Cheque...
  <input type="checkbox"type="radio" name="formaDePago"  id="tarjeta" value="Tarjeta"/>Tarjeta...
  <hr></hr>
  <input type="button" id="crear" value="Crear Pasajero"/>
  
  </div>
</body>
</html>

Ejemplo:

// ** Usando constructor **

function Pasajero(identificador, nombre, email, celular, edad) {
  
  this.identificador = identificador;
  this.nombre = nombre;
  this.email = email;
  this.celular = celular;
  this.edad = edad;
  
  }

// Variables globales

var efectivo = document.getElementById('efectivo');
var cheque = document.getElementById('cheque');
var tarjeta = document.getElementById('tarjeta');
var evento = document.getElementById('crear');
var pasajeros = []; // Cantidad de pasajeros .length
var persona = "";
var t = "";


// ** Fin Constructor **
  
// ** Prototipo del constructor **

Pasajero.prototype = {
  
  pago: "",
  
  formaDePago: function() {
    
    if (efectivo.checked) {
      return this.pago = 'efectivo';
    }
    else if(cheque.checked){
       return this.pago = 'cheque';
    }
    else if(tarjeta.checked){
       return this.pago = 'tarjeta';
    }
    else {
      console.log("Selecciona método de pago por favor");
    }
    console.log(pago);
    
  }
  
};


// Añadimos un evento con una función anónima..
evento.addEventListener('click', function(){
  
  persona = new Pasajero((pasajeros.length + 1), "aena", "[email protected]", "+56958274822", "24" );
  pasajeros.push((pasajeros.length + 1));
// Recorremos el array
pasajeros.forEach(function(e){console.log(e);});

// Recorremos el objeto creado del constructor
for (var i in persona) {
  
  document.write('<hr></hr>' + i + ": " + (typeof persona[i] === 'function' ? persona[i]() : persona[i]));
 
}
});
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin  <title>JS Bin</title>
</head>
<body>
<div id="array">
    <input type="checkbox" id="efectivo" value="Efectivo"/>Efectivo...
  <input type="checkbox" id="cheque" value="Cheque"/>Cheque...
  <input type="checkbox" id="tarjeta" value="Tarjeta"/>Tarjeta...
  <hr></hr>
  <input type="button" id="crear" value="Crear Pasajero"/>
  
  </div>
</body>
</html>

Ahora si desea que solo se pueda seleccionar una forma de pago entonces utiliza type="radio" y colocas la propiedad name="formaDePago" a todas las formas de pago.

Ejemplo:

// ** Usando constructor **

function Pasajero(identificador, nombre, email, celular, edad) {
  
  this.identificador = identificador;
  this.nombre = nombre;
  this.email = email;
  this.celular = celular;
  this.edad = edad;
  
  }

// Variables globales

var efectivo = document.getElementById('efectivo');
var cheque = document.getElementById('cheque');
var tarjeta = document.getElementById('tarjeta');
var evento = document.getElementById('crear');
var pasajeros = []; // Cantidad de pasajeros .length
var persona = "";
var t = "";


// ** Fin Constructor **
  
// ** Prototipo del constructor **

Pasajero.prototype = {
  
  pago: "",
  
  formaDePago: function() {
    
    if (efectivo.checked) {
      return this.pago = 'efectivo';
    }
    else if(cheque.checked){
       return this.pago = 'cheque';
    }
    else if(tarjeta.checked){
       return this.pago = 'tarjeta';
    }
    else {
      console.log("Selecciona método de pago por favor");
    }
    console.log(pago);
    
  }
  
};


// Añadimos un evento con una función anónima..
evento.addEventListener('click', function(){
  
  persona = new Pasajero((pasajeros.length + 1), "aena", "[email protected]", "+56958274822", "24" );
  pasajeros.push((pasajeros.length + 1));
// Recorremos el array
pasajeros.forEach(function(e){console.log(e);});

// Recorremos el objeto creado del constructor
for (var i in persona) {
  
  document.write('<hr></hr>' + i + ": " + (typeof persona[i] === 'function' ? persona[i]() : persona[i]));
 
}
});
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin  <title>JS Bin</title>
</head>
<body>
<div id="array">
  <input type="radio" name="formaDePago" id="efectivo" value="Efectivo"/>Efectivo...
  <input type="radio" name="formaDePago" id="cheque" value="Cheque"/>Cheque...
  <input type="radio" name="formaDePago"  id="tarjeta" value="Tarjeta"/>Tarjeta...
  <hr></hr>
  <input type="button" id="crear" value="Crear Pasajero"/>
  
  </div>
</body>
</html>
Origen Enlace
fwBasic
  • 2.8k
  • 1
  • 13
  • 24

Te recomiendo cambies el campo type="button" por type="checkbox", luego al momento de preguntar lo haces de la siguiente manera if(efectivo.checked) { ... } else if(cheche.checked) { ... } ... y así sucesivamente.

Ejemplo:

// ** Usando constructor **

function Pasajero(identificador, nombre, email, celular, edad) {
  
  this.identificador = identificador;
  this.nombre = nombre;
  this.email = email;
  this.celular = celular;
  this.edad = edad;
  
  }

// Variables globales

var efectivo = document.getElementById('efectivo');
var cheque = document.getElementById('cheque');
var tarjeta = document.getElementById('tarjeta');
var evento = document.getElementById('crear');
var pasajeros = []; // Cantidad de pasajeros .length
var persona = "";
var t = "";


// ** Fin Constructor **
  
// ** Prototipo del constructor **

Pasajero.prototype = {
  
  pago: "",
  
  formaDePago: function() {
    
    if (efectivo.checked) {
      return this.pago = 'efectivo';
    }
    else if(cheque.checked){
       return this.pago = 'cheque';
    }
    else if(tarjeta.checked){
       return this.pago = 'tarjeta';
    }
    else {
      console.log("Selecciona método de pago por favor");
    }
    console.log(pago);
    
  }
  
};


// Añadimos un evento con una función anónima..
evento.addEventListener('click', function(){
  
  persona = new Pasajero((pasajeros.length + 1), "aena", "[email protected]", "+56958274822", "24" );
  pasajeros.push((pasajeros.length + 1));
// Recorremos el array
pasajeros.forEach(function(e){console.log(e);});

// Recorremos el objeto creado del constructor
for (var i in persona) {
  
  document.write('<hr></hr>' + i + ": " + (typeof persona[i] === 'function' ? persona[i]() : persona[i]));
 
}
});
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin  <title>JS Bin</title>
</head>
<body>
<div id="array">
    <input type="checkbox" id="efectivo" value="Efectivo"/>Efectivo...
  <input type="checkbox" id="cheque" value="Cheque"/>Cheque...
  <input type="checkbox" id="tarjeta" value="Tarjeta"/>Tarjeta...
  <hr></hr>
  <input type="button" id="crear" value="Crear Pasajero"/>
  
  </div>
</body>
</html>