Jquery Checkbox

Question

J'ai quatre cases à cocher et quand je clique sur plus de deux d'entre elles, alors sous la dernière case à cocher je dois obtenir un <div><a href="#">Compare</a> </div> contient un lien de comparaison. Cela peut être aléatoire. J'ai essayé de le faire en utilisant JQuery et ci-dessous est mon code. J'ai besoin d'améliorer un. Le problème est que j'ai besoin quand deux de case à cocher va vérifier sous le dernier je devrais voir la div cachée.

$(document).ready(function() { 
    $('input[type=checkbox]').change(function(){ 
    if($('input[name=checkbox1]').size() == 1){  
     $('#checkbox1_compare').show(); 
    } 
    else { 
     $('#checkbox1_compare').hide();  
    } 
    }) 
}); 

Answer 1

Vous pouvez vérifier la .length et utiliser .toggle() pour afficher/cacher en fonction du nombre sont vérifiés, comme cela devrait fonctionner:

$(function() { 
    $('input[type=checkbox]').change(function(){ 
    $('#checkbox1_compare').toggle($('input[name=checkbox1]').length > 1); 
    }); 
}) 

Si vous devez déplacer les éléments div/lien à après le dernier vérifié un, quelque chose comme ça fonctionnerait:

$(function() { 
    $('input[type=checkbox]').change(function(){ 
    var checked = $('input[name=checkbox1]:checked'); 
    $('#checkbox1_compare').toggle(checked.length > 1) 
          .insertAfter(checked.last()); 
    }); 
}) 

Answer 2

essayez ceci: (prise sur la base de la source Craver @ Nick)

html:

<div id="link-compare"><a href="#">Compare</a></div> 

js:

$(document).ready(function() { 

    var refInputCheckbox = $('input[type="checkbox"]'); 

    $(refInputCheckbox).change(function(){ 

    $('#link-compare') 
     .toggle(
      $(refInputCheckbox).filter(':checked').length > 1 
     ); 

    }); 


});