Ckeckbox selecionar todos os campos.
03/02/2012 13:55
0
Estou encontrando dificuldades para fazer com que meu checkbox faça com que ele selecione todas as opções quando ele é clicado. O problema que tenho q resolver é: Tenho vários checkbox um para cada dia da semana e um com o nome de "todos" quando esse campo é marcado, gostaria q ele fosse selecionada os de mais .
Segue meu javascript:
<script type="text/javascript">
checked=false;
function checkedAll (frm1) {
var aa= document.getElementById('dias_todos ');
if (checked == false)
{
checked = true
}
else
{
checked = false
}
for (var i =0; i < aa.elements.length; i++)
{
aa.elements[i].checked = checked;
}
}
</script>

e segue o meu create :

<tr class="prop">
<td valign="top" class="name">
<label for="dia_Dom"><g:message code="academico_termo_estagio.dia_Dom" default="Dia Dom" />:</label>
</td>
<td valign="top" class="value ${hasErrors(bean: academico_termo_estagioInstance, field: 'dia_Dom', 'errors')}">
<g:checkBox name="dia_Dom" value="${fieldValue(bean: academico_termo_estagioInstance, field: 'dia_Dom')value="${true}"}" />
</td>
</tr>

<tr class="prop">
<td valign="top" class="name">
<label for="dia_Todos"><g:message code="academico_termo_estagio.dia_Todos" default="Dia Todos" />:</label>
</td>
<td valign="top" class="value ${hasErrors(bean: academico_termo_estagioInstance, field: 'dia_Todos', 'errors')}">
<g:checkBox name="dia_Todos" value="${fieldValue(bean: academico_termo_estagioInstance, field: 'dia_Todos')value="${true}"}" />
</td>
</tr>

Att
Tags: checkbox selecionar todos


1
Brother pelo que entendi pq não usa o jQuery? bem mais tranquilo, o js eu faria dessa maneira:


$(function(){
$('#frm input:[type=checkbox][name=all]').click(function(){
var checked = $(this).context.checked
if(checked){
$('#frm input:[type=checkbox][name=week]').attr('checked', 'checked')
} else {
('#frm input:[type=checkbox][name=week]').removeAttr('checked')
}
});
});


Espero que tenha ajudado! abraços!


1
Olá, segue uma outra proposta de correção, também utilizando JQuery:

//garante que o script rode somente depois de carregar a pagina
$(document).ready(function(){
//objeto para representar o seu checkbox 'dia_todos'
var dia_todos = $('input[name=dias_todos]');

//evento: quando clicar no checkbox 'dia_todos'
dia_todos.click(function(){
//seleciona os demais checkboxes e atribui a eles o mesmo valor de 'dia_todos'
$('input[name*=dia_]').attr('checked',dia_todos.is(':checked'));
});
});

Inseri alguns comentários para facilitar o entendimento.
Boa sorte.
06/02/2012 18:03


0
Bruno e Gabriel, muito obrigado pela ajuda. Vou fazer aqui e posto se deu tudo certo, mas desde já fico muito grato pela ajuda .
Att
08/02/2012 15:48


0
Isso aí brother! precisando estamos aí pra ajudar! abraços!



Ainda não faz parte da comunidade???

Para se registrar, clique aqui.


Aprenda Groovy e Grails com a Formação itexto!

Newsletter Semana Groovy

Assinar

Envie seu link!


Livro de Grails


/dev/All

Os melhores blogs de TI (e em português) em um único lugar!

 
Creative Commons
RSS Grails Brasil é mantido por itexto Consultoria.
Em caso de problemas contacte Henrique Lobo Weissmann (Kico) por e-mail: kico@itexto.com.br
Todo o conteúdo presente neste site adota o Creative Commons como licença padrão.
Ver: 4.14.0
itexto