Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá!
Tenho um código em PHP que vai me montar uma lista com checkboxes dentro de uma div, sendo que eu não tenho como saber quantos checkboxes essa div vai possuir. Por padrão, eles estão disabled.
Um checkboxe fora da div habilita todos os checks dentro dessa div, usando JQuery, como no exemplo abaixo:
<script type="text/javascript" src="[http://code.jquery.com/jquery-latest.js">](http://code.jquery.com/jquery-latest.js)
<script type="text/javascript">
function toggleStatus() {
if ($('#AtaqueEspecial').is(':checked')) {
$('#elementsToOperateOn :input').removeAttr('disabled');
} else {
$('#elementsToOperateOn :input').attr('disabled', true);
}
}
</script>
</head>
<body>
<form action="">
<input type="text" disabled="disabled" value="0" id="valorTotalVantagens" />
Ataque Especial<input id="AtaqueEspecial" name="AtaqueEspecial" value="Ataque Especial" onclick="calculaPontuacao('2' ,'1' , 'valorTotalVantagens')" onchange="toggleStatus()" type="checkbox" />
<div class="a" id="elementsToOperateOn">
<ul>
<li>
<input id="Preciso" name="Preciso" value="Preciso" onclick="calculaPontuacao('0' ,'2' , 'valorTotalVantagens');" type="checkbox" disabled />Preciso ( 2 pontos)
</li>
<li>
<input id="Teleguiado" name="Teleguiado" value="Teleguiado" onclick="calculaPontuacao('1' ,'1' , 'valorTotalVantagens');" type="checkbox" disabled />Teleguiado (1 Pontos )
</li>
<li>
<input id="Est�pido" name="Est�pido" value="Est�pido" onclick="calculaPontuacao('2' ,'-1' , 'valorTotalVantagens');" type="checkbox" disabled />Est�pido (-1 Ponto )
</li>
</ul>
</div>
</form>
</body>
</html>Funciona perfeitamente. O problema está que eu preciso reutilizar essa função aqui:
<script type="text/javascript">
function toggleStatus() {
if ($('#AtaqueEspecial').is(':checked')) {
$('#elementsToOperateOn :input').removeAttr('disabled');
} else {
$('#elementsToOperateOn :input').attr('disabled', true);
}
}
</script>Passando dois parêmetros para ela (Um equivalente a #AtaqueEspecial e o outro a #elementsToOperateOn), mas já li em tudo que é lugar e não consigo fazê-lo de jeito nenhum, pois estou começando agora a lidar com Jquery.
Toda e qualquer ajuda será MUITO bem vinda! Obrigado!
Carregando comentários...