es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cambiando el interruptor de envoltura basado en el valor de la base de datos.

Actualmente tengo un interruptor de envoltura de alternancia en mi página de actualización. En mi base de datos, el valor puede ser Null, No y Sí. Por lo tanto, cuando el usuario ingresa a la página, quiero que este interruptor esté apagado si el valor de la base de datos es nulo o no, y encendido si el valor de la base de datos es Sí. He intentado lo siguiente para activar el interruptor, pero no se activa cuando el valor de datos en mi base de datos es Sí.

Clase de visualización:

<label class="control-labels mr-4">¿Generación de clientes potenciales?</label>
<div class="toggle-wrap tg-list-item">
    <input class="tgl tgl-light" id="leadgen" name="leadgen" type="checkbox"><?php echo ($listing[0]['leadgen'] == 'Yes' ? 'enabled':'disabled'); ?> />
    <label class="tgl-btn" for="leadgen"></label>
</div>

Hacer un var_dump en $listing[0]['leadgen'] me dio string (3) "Yes". Pero el interruptor aún no se enciende.

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para habilitar el interruptor basado en el valor obtenido de la base de datos, puedes intentar modificar la etiqueta de entrada añadiendo el atributo “checked” si el valor es “Sí” o eliminándolo si el valor es “Null” o “No”.

    Aquí te mostramos cómo lograrlo:

    <label class="control-labels mr-4">¿Generar clientes potenciales?</label>
    <div class="toggle-wrap tg-list-item">
        <input class="tgl tgl-light" id="leadgen" name="leadgen" type="checkbox"><?php echo ($listing[0]['leadgen'] == 'Yes' ? 'checked': ''); ?>>
        <label class="tgl-btn" for="leadgen"></label>
    </div>
    

    Al agregar checked dentro de la etiqueta de entrada, puedes establecer el interruptor en posición de encendido si el valor es “Sí”. Si el valor recuperado es “Null” o “No”, entonces el atributo checked no se agregará y el interruptor permanecerá apagado.

    Esperamos que esto te funcione.

Comments are closed.