jQuery caixas claras ao esconder div?
Pergunta
Eu tenho um script jQuery que irá exibir divs específicos, dependendo de qual selecione a opção foi selecionada.
Aqui está o código para isso:
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery.viewMap = {
'' : jQuery([]),
'1' : jQuery('.company_1'),
'2' : jQuery('.company_2')
};
jQuery('#companyid').change(function() {
jQuery.each(jQuery.viewMap, function() { this.hide(); });
jQuery.viewMap[jQuery(this).val()].show();
});
});
(exemplo div)
<div class="company_1" style="display: none;">
<input type="checkbox" name="classifications[Miner]" id="classifications[Miner]" /> Spec/Rough
<input type="checkbox" name="classifications[Dealer]" id="classifications[Dealer]" /> Dealer
</div>
Eu gostaria que ele para limpar todas as caixas de seleção dentro do div (.company_1, .company_2 etc) se alguém seleciona uma opção diferente. Se isso faz sentido? :)
Obrigado!
Solução
Desmarcar uma caixa de seleção é conseguido através da remoção do atributo chamado "marcada". Tente:
jQuery.each(jQuery.viewMap, function() {
this.hide();
jQuery('input:checkbox', this).removeAttr('checked');
});
Outras dicas
@ David Andres obrigado por me apontar na direção certa eu não poderia obter o seu código de trabalho, mas utilizado:
$("div.company_1 input:checked").removeAttr("checked");
que fez o trabalho.
Como sobre: ??
$("div.company_1 input[type:checkbox]").removeAttr("checked");
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow