Me gustaría consultar. En la página que hice, se muestran los productos. No es una "tienda", sino una página donde puede consultar sobre el producto si tiene alguna pregunta mientras lo mira.
Haga clic en el botón "Consulta" en la parte superior y aparecerá el formulario de consulta. Aquí, todos los productos en la página están en una casilla de verificación. (El formulario es el complemento "wpforms" de WordPress).
Lo que quiero consultar es si puedo marcar la casilla de verificación en el "Formulario de consulta" si hago clic en un botón específico, como el nombre del producto, mientras miro el producto en la lista.
Incluso si alguien hace clic en el botón en la lista de productos, será conveniente si está marcado en la casilla de verificación del formulario de consulta. Pero esto es demasiado difícil para mí...
URL https://thepagegallery49.cafe24.com/wp/publication/
lista
<div class="news-text-box"> <span class="news-date"><?php the_sub_field('pbauthor'); ?></span> <span class="news-title"><?php the_sub_field('pbtitle'); ?></span> <span class="news-text"><?php the_sub_field('pbdetail'); ?></span> <span class="checkbutton">Check</span> </div>caja
<div id="wpforms-187-field_28-container" class="wpforms-field wpforms-field-checkbox wpforms-one-third" data-field-id="28"> <label class="wpforms-field-label" for="wpforms-187-field_28">Selection</label> <ul id="wpforms-187-field_28"> <li class="choice-1 depth-1"> <input type="checkbox" id="wpforms-187-field_28_1" name="wpforms[fields][28][]" value="Book title 1" class="wpforms-valid" aria-invalid="false"> <label class="wpforms-field-label-inline" for="wpforms-187-field_28_1">Book title 1</label> </li> <li class="choice-2 depth-1 wpforms-selected"> <input type="checkbox" id="wpforms-187-field_28_2" name="wpforms[fields][28][]" value="Book title 2" class="wpforms-valid"> <label class="wpforms-field-label-inline" for="wpforms-187-field_28_2">Book title 2</label> </li> ... </ul> </div>Sí, puede lograr esto agregando eventListener al botón en el que desea hacer clic para marcar la casilla de verificación, y luego en la función de devolución de llamada de eventListener, establezca el valor de la casilla de verificación en consecuencia.
<button id="btn">hi</button> <input type="checkbox" id="checkbox"></input> document.getElementById("btn").addEventListener("click", () => { document.getElementById("checkbox").checked = true; })y para alternar la casilla de verificación
document.getElementById("btn").addEventListener("click", () => { var checkbox = document.getElementById('checkbox'); checkbox.checked = !checkbox.checked; })