Marcar varios checkbox por categoria

[Joselito36]

Hola. He leido varios post muy buenos sobre como marcar varios checkbox, pero no me sirve ninguno de ellos para lo que quiero. Estoy muy verde en js y necesitaría ayuda por favor.

Quisiera que al darle al botón que pongo aquí abajo, marque por ejemplo todos aquellos checkboxes que contengan en el name o el id la cadena "hola" por ejemplo, ya que habrá uno con "hola1" otro check con "hola2", etc...

Me consta que hay al menos 2 genios que son Caricatos y JavierB que seguro lo solucionarían con los ojos cerrados.

<form name="f1" >

<input type="button" value="Marcar todos" onclick="marcar(this.parentNode,this)" />

<table width="850" cellspacing="1" >
<tr>
<tr>
<th width="80" height="50" scope="col" >Ref.</th>
<th width="50" scope="col" >Ver1</th>
<th width="50" scope="col" >Ver2</th>
<th width="50" scope="col" >Ver3</th>
<th width="50" scope="col" >Ver4</th>
</tr>

<tr>
<th scope="row">referencia</th>
<td align="center">loquesea</td>
<td align="center"><input name="pasa_poco1" id="pasa_poco1" type="checkbox" value="1" checked /></td>
<td align="center"><input name="pasa_hola1" id="pasa_hola1" type="checkbox" value="1" checked /></td>
<td align="center"><input name="pasa_toro1" id="pasa_toro1" type="checkbox" value="1" checked /></td>
<td align="center"><input name="pasa_tempo1" id="pasa_tempo1" type="checkbox" value="1" checked /></td>
</tr>

<tr>
<th scope="row">referencia</th>
<td align="center">loquesea2</td>
<td align="center"><input name="pasa_poco2" id="pasa_poco2" type="checkbox" value="1" checked /></td>
<td align="center"><input name="pasa_hola2" id="pasa_hola2" type="checkbox" value="1" checked /></td>
<td align="center"><input name="pasa_toro2" id="pasa_toro2" type="checkbox" value="1" checked /></td>
<td align="center"><input name="pasa_tempo2" id="pasa_tempo2" type="checkbox" value="1" checked /></td>
</tr>

<input type="button" name="enviar" id="enviar" value="Guardar cambios" />

</form>

[dggluz]

No entiendo una cosa... ¿todos tendrían el mismo id? El id debe ser único (viene de identificador). Para eso te sirve más el atributo class (puedes tener varios elementos con el mismo class y un elemento puede tener cero, uno o varios class). La función quedaría:

Código Javascript:

function marcar() {
    [].forEach.call(document.getElementsByClassName('hola'), function(check) {
        check.checked=true;
    });
}
 

No lo probé, pero estoy casi seguro de que funciona. ¡Suerte!

[emprear]

@Joselito36

Estás preguntando las mismas cosas de difernete forma y en distintos posts,
http://www.forosdelweb.com/f13/como-...minado-993697/
Concentrá todo en uno solo
Además tratá de que tus códigos de ejemplo tengan cierta coherencia, si a todos tus checkbox les das el atributo checked, no habrá nada que marcar

Código Javascript:

<script type="text/javascript">
//<![CDATA[
var tags_inpt = new Array();
function inpt() {
tags_inpt=document.getElementsByTagName('input');
var n = 0;
var i;
for (i=0; i<tags_inpt.length; i++) {
// la segunda condición es la respuesta que ya te di en el otro post
if ((tags_inpt[i].type=='checkbox')&&(tags_inpt[i].name.match(/hola/))){
tags_inpt[i].checked = true;
}
}
}
//]]>
</script>
 

[Piso]

Tienes razón amigo. Te lo agradezco. No se como unir ambos post. En realidad si te fijas el tema es casi el mismo, pero son preguntas algo diferentes. No obstante tienes razón, mejor sería unirlos.


Te lo has currado, muchas gracias.

Saludos,

[emprear]

Iniciado por Piso

Tienes razón amigo. Te lo agradezco. No se como unir ambos post. En realidad si te fijas el tema es casi el mismo, pero son preguntas algo diferentes. No obstante tienes razón, mejor sería unirlos.


Te lo has currado, muchas gracias.

Saludos,

Como es la historia, @Piso, @Joselito36... o trabajan en equipo para confundir?
Un poco de seriedad amigos...

[cristian_cena]

@piso FAIL
jajaja