0

tengo este HTML:

<input type="checkbox" name="barbecue" id="barbecue" value="oui" class="barbecue" />
<input type="checkbox" name="handicap" id="handicap" value="oui" class="handicap" />
<input type="checkbox" name="animaux" id="animaux" value="oui" class="animaux" />

<div id="divfilter"></div>

Y este script:

var checkboxes = $('input[type=checkbox]');
checkboxes.on('change', function() {
  $('#divfilter').text(function() {
    return checkboxes.filter(':checked').map(function() {
      return this.name;
    }).get()    
    .join(', ') + '.';
  });
});

Lo que quiero hacer es mostrar todos los checbox checked en data-namevar:

<button
  data-namevar="QUIERO QUE SE MUESTREN LOS CHECKBOX SELECCIONADOS AQUÍ"
  class="add-to-cart btn_1 gradient medium full-width">Add to cart <i class="icon_bag_alt"></i>
</button>

¿Alguna ayuda de cómo debo hacerlo?

2
  • Tu pregunta no es clara. Por ejemplo, ¿qué acción debe ocurrir para poner todos los elementos chequeados en data-namevar?
    – A. Cedano
    el 29 jul. 2021 a las 15:31
  • Tengo 3 input checkbox y quiero mostrar los datos de los checkbox seleccionados en data-namevar, pero data-namevar se encuentra dentro de <button data-namevar="AQUÍ QUIERO MOSTRAR LOS CHECBOX CHECKED">. No sé cómo hacerlo.
    – Javier
    el 29 jul. 2021 a las 15:34

1 respuesta 1

0

Lo puedes hacer con los métodos

.data()

 $( "button" ).data( 'namevar', function() {
    return checkboxes.filter(':checked').map(function() {
     
      return this.name;
    }).get()    
      ;
  } );

.attr()

 $( "button" ).attr( 'data-namevar', function() {
    return checkboxes.filter(':checked').map(function() {
     
      return this.name;
    }).get()    
      ;
  } );
1
  • 1
    ¡Funciona! Muchas gracias.
    – Javier
    el 29 jul. 2021 a las 19:13

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.