Grails Brasil

Ckeckbox selecionar todos os campos.

03/02/2012 13:55

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

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!

06/02/2012 17:27

Gabriel Moraes Barboza

(616)

fernandwottrich

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

bruno

(5)