Skip to main content
Fragmento de código para probar
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36
$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];
  let incompleto = false;

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chkfunction(i, =>chk) {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value) =={
 0     // Agregar valor del select
      sels.push(value);
    } else {
      incompleto = true;
    }
  });
  console.log(ids, sels);
  if(incompleto) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

$("#probar").on('click', function() {
  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];
  let incompleto = false;

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(function(i, chk) {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value) {
      // Agregar valor del select
      sels.push(value);
    } else {
      incompleto = true;
    }
  });
  console.log(ids, sels);
  if(incompleto) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
      <tr>
        <td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="1"></td>
        <td>1</td>
        <td>Producto 1</td>
        <td><select class="form-control" name="cci[]" required >
          <option value='' selected='selected' disabled>SELECCIONE OPCION</option>
          <option value="1">Centro 1</option>
          <option value="2">Centro 2</option>
        </select></td>
      </tr>
      <tr>
        <td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="2"></td>
        <td>2</td>
        <td>Producto 2</td>
        <td><select class="form-control" name="cci[]" required >
          <option value='' selected='selected' disabled>SELECCIONE OPCION</option>
          <option value="1">Centro 1</option>
          <option value="2">Centro 2</option>
        </select></td>
      </tr>
      <tr>
        <td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="3"></td>
        <td>3</td>
        <td>Producto 3</td>
        <td><select class="form-control" name="cci[]" required >
          <option value='' selected='selected' disabled>SELECCIONE OPCION</option>
          <option value="1">Centro 1</option>
          <option value="2">Centro 2</option>
        </select></td>
      </tr>
</table>
<button id="probar">Probar</button>

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});
$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];
  let incompleto = false;

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(function(i, chk) {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value) {
      // Agregar valor del select
      sels.push(value);
    } else {
      incompleto = true;
    }
  });
  console.log(ids, sels);
  if(incompleto) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
  }

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

$("#probar").on('click', function() {
  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];
  let incompleto = false;

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(function(i, chk) {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value) {
      // Agregar valor del select
      sels.push(value);
    } else {
      incompleto = true;
    }
  });
  console.log(ids, sels);
  if(incompleto) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
      <tr>
        <td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="1"></td>
        <td>1</td>
        <td>Producto 1</td>
        <td><select class="form-control" name="cci[]" required >
          <option value='' selected='selected' disabled>SELECCIONE OPCION</option>
          <option value="1">Centro 1</option>
          <option value="2">Centro 2</option>
        </select></td>
      </tr>
      <tr>
        <td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="2"></td>
        <td>2</td>
        <td>Producto 2</td>
        <td><select class="form-control" name="cci[]" required >
          <option value='' selected='selected' disabled>SELECCIONE OPCION</option>
          <option value="1">Centro 1</option>
          <option value="2">Centro 2</option>
        </select></td>
      </tr>
      <tr>
        <td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="3"></td>
        <td>3</td>
        <td>Producto 3</td>
        <td><select class="form-control" name="cci[]" required >
          <option value='' selected='selected' disabled>SELECCIONE OPCION</option>
          <option value="1">Centro 1</option>
          <option value="2">Centro 2</option>
        </select></td>
      </tr>
</table>
<button id="probar">Probar</button>

Forzar valor de select a entero
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray() es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

En PHP los recibirás en dos arreglos:

<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);

En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray() es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = $(chk).closest('tr').find('select').val();
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

En PHP los recibirás en dos arreglos:

<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);

En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray() es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = parseInt($(chk).closest('tr').find('select').val());
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

En PHP los recibirás en dos arreglos:

<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);
.value() => .val()
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray() es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).valueval());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = $(chk).closest('tr').find('select').val();
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

En PHP los recibirás en dos arreglos:

<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);

En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray() es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).value());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = $(chk).closest('tr').find('select').val();
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

En PHP los recibirás en dos arreglos:

<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);

En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray() es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.

$('#finaliza').on('show.bs.modal', function(e) {
  // ¿Qué uso le das a estas dos variables?
  var $modal = $(this),
  idp = e.relatedTarget.id;

  // Inicializar arreglos para checkbox y select
  let ids = [];
  let sels = [];

  // Recorrer solo los checkbox marcados
  $('[name="sel[]"]:checked').each(chk => {
    // Agregar ID del checkbox
    ids.push($(chk).val());
    // Obtener valor del select:
    // -- A partir del checkbox obtener la fila
    // -- Desde la fila, buscar select por etiqueta (no tiene nombre)
    let value = $(chk).closest('tr').find('select').val();
    if(value == 0) {
      // El select es requerido, no puede tener valor cero
      alert('Selecciona centro de costo para todas las filas marcadas');
      return false;
    }
    // Agregar valor del select
    sels.push(value);
  });

  $.ajax({
    cache: false,
    type: 'POST',
    url: 'finaliza_oc.php',
    data: {
      'ids': JSON.stringify(ids),
      'sels': JSON.stringify(sels)
    },
    success: function(data) {
      $modal.find('.edit-content').html(data);
    }
  });
});

En PHP los recibirás en dos arreglos:

<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36
Loading