tengo este codigo
si la casilla de verificación está marcada, necesito mostrar mi front_dashboard_custom_formula div y ocultar front_dashboard_formula_formula_id y establecer seleccionar nulo si la casilla de verificación no está marcada, necesito ocultar
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> *{ padding: 0; margin: 0; box-sizing: border-box; } </style> </head> <body> <input type="checkbox"> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script> $("input[type=checkbox]").on("click", function(e){ console.log(this.checked ? "show" : "hide") }) </script> </body> </html>Qué pregunta tan extrañamente redactada. Aquí hay una respuesta.
<div id="div1" style="display: none">front_dashboard_custom_formula</div> <div id="div2">front_dashboard_formula_formula_id</div> <input type="checkbox" /> <select> <option value="option1">option1</option> <option value="option2">option2</option> </select> <script> const div1 = document.querySelector('#div1'); const div2 = document.querySelector('#div2'); const checkbox = document.querySelector('input'); const select = document.querySelector('select'); const show = (element) => (element.style.display = 'none'); const hide = (element) => (element.style.display = 'block'); const handleCheckboxChange = () => { if (checkbox.checked) { show(div1); hide(div2); return; } show(div2); hide(div1); }; checkbox.addEventListener('change', handleCheckboxChange); </script>si desea mantener la opción seleccionada, simplemente agregue esto
select.attr('selected',true);¡espero que haya sido útil!