Comment puis-je désactiver un bouton de soumission lors de la case à décocher?

J'ai quelque chose ici qui ne semble pas prête à m'aider à désactiver le bouton soumettre. des idées?

<input type="checkbox" checked="checked" id="checky"><a href="#">terms and conditions</a>
<input type="submit" id="postme" value="submit">

$('#checky').click(function(){
    if($(this).checked == false){
         $('#postme').attr("disabled","disabled");   
    } else {
        $('#postme').removeAttr('disabled');
    }
});

OriginalL'auteur pivotal developer | 2011-03-28

13

Vous devriez vérifier pour l'attribut checked et pas la méthode.

Mis à jour le violon : http://jsfiddle.net/8YBu5/7/
```
$('#checky').click(function(){
    if($(this).attr('checked') == false){
         $('#postme').attr("disabled","disabled");   
    } else {
        $('#postme').removeAttr('disabled');
    }
});
```
MODIFIER

Rappelez-vous que ce code doit être enveloppé à l'intérieur $(document).ready() ou de mettre au bas de votre code html, sinon votre JS va se lier à des éléments du DOM qui n'ont pas encore été chargé et va échouer.

En l'enveloppant dans .prêt()
```
<script type='text/javascript'>
$(document).ready(function(){
    $('#checky').click(function(){
        if($(this).attr('checked') == false){
             $('#postme').attr("disabled","disabled");   
        } else {
            $('#postme').removeAttr('disabled');
        }
    });
});
</script>
```
Ce code peut être mis n'importe où dans le document et ne déclenche une fois le DOM est prêt de sorte que vous n'avez pas à vous soucier prématurée des déclencheurs.

De le mettre en bas de votre document
```

<script type='text/javascript'>
        $('#checky').click(function(){
            if($(this).attr('checked') == false){
                 $('#postme').attr("disabled","disabled");   
            } else {
                $('#postme').removeAttr('disabled');
            }
        });
</script>
</body>
</html>
```
Si vous êtes à la mettre au fond de votre document, vous n'avez pas besoin de l'envelopper dans .ready() parce que le javascript ne seront pas lus jusqu'à ce que tout soit chargé. Il y a une amélioration des performances dans cette méthode (si vous avez beaucoup de JS)

Vous pouvez utiliser une de ces méthodes pour vous assurer que votre JS lie événement les méthodes de manipulation du DOM, des éléments ne après ils ont fini de se charger.

+1 s'il n'était pas la vérification de la méthode, il a été la vérification de la propriété sur la collection.
il fonctionne parfaitement sur le jsfiddle, cependant sur mon ide le script ne marche pas à même de les exécuter. j'ai placé une alerte de test après la fonction de clic, mais il n'a même pas de déclenchement. est-il une raison pourquoi?
si vous utilisez firefox, appuyez sur CTRL + MAJ + J et de regarder l'onglet erreurs pour vérifier ce que les erreurs sont présentes. Également faire, assurez-vous d'inclure jquery et assurez-vous que cette méthode est enveloppé à l'intérieur $(document).ready(function(){})
si vous le faites, alors vous devez le mettre à bas. L'édition de ma question pour vous montrer comment
Comme de jQuery 1.6, vous devez utiliser prop au lieu de attr, voir ma réponse ci-dessous. Aussi golfs mieux.

OriginalL'auteur JohnP
4
```
if(!$(this).is(':checked') ...
```
Je serais personnellement recommander ce cours la .attr('checked') == false méthode. Beaucoup plus lisible et beau.

OriginalL'auteur manji
4

Avant de jQuery 1.6 attr était OK, après 1,6 vous devez utiliser prop.
```
$('#checky').click(function(){
  $('#postme').prop('checked', !$(this).checked);
})
```
Des attributs et des propriétés différentes choses, mais malheureusement, jQuery a pris un long moment pour différencier entre eux.

Voir aussi: .prop() vs .attr()

OriginalL'auteur Ciro Santilli 新疆改造中心六四事件法轮功
2

changement $(this).checked à if($(this).attr('checked') == false){

Ici vous allez.

OriginalL'auteur Santosh Linkha

Essayer de cette façon,

$('#checky').click(function(){

    if(this.checked == false){
         $('#postme').attr("disabled","disabled");   
    }
    else {
        $('#postme').removeAttr('disabled');
    }
});

OriginalL'auteur Shaitender Singh

Essayer cette

$(document).ready(function(){
                $("#postme").attr("disabled","disabled");
                    $("#checky").click(function(){
                        if($("#checky").is(":checked")){
                         $("#postme").removeAttr("disabled");   
                         }
                        else{
                            $("#postme").attr("disabled","disabled");
                            }
                    });
                })

OriginalL'auteur AnnMary

-1

Ajouter le bouton #postme cliquez sur un événement qui vérifie si la case est cochée. Si elle est cochée, retourner false, sinon renvoie la valeur true.
```
$('#postme').click( function () {
    if ( !$('#checky').attr('checked') ) {
        return false;
    }
});
```
Il veut le bouton désactivé - ce encore permet à l'utilisateur de cliquer sur le bouton.

OriginalL'auteur Andrew Jackman

Vous devez vous connecter pour publier un commentaire.