JSFiddle - React, Tailwind, and code Playground

by Brett Gaynor

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<input type="checkbox" class="inicioestatus" id="iniciotoggle1" idproduccion="'.$row['id'].'" fecha="'.$fechahoy.'" valor="2" data-on-color="success" data-off-color="danger" data-on-text="Ok" data-off-text="No">

<input type="checkbox" class="inicioestatus" id="iniciotoggle2" idproduccion="'.$row['id'].'" fecha="'.$fechahoy.'" valor="3" data-on-color="success" data-off-color="danger" data-on-text="Ok" data-off-text="No">

JavaScript

$(document).ready(function(){
  $('.inicioestatus').on('change', function() {
    var idproduccion = $(this).attr('id');
    var fecha = $(this).attr('fecha');
    var valor = $(this).attr('valor');
    console.log(idproduccion);
    console.log(fecha);
    console.log(valor);
    // Start AJAX function
    /* $.ajax({
      url: "<?php echo base_url() ?>produccion/actualizarinicio",
      method: "POST",
      data: {idproduccion:idproduccion, fecha:fecha, valor:valor},
      success: function(data){
        //function         
    
      }
    }); */
    // End AJAX function
  });
});