Impossible d'ajouter/supprimer des désactivé attribut dans la base de boutons sur la case cochée propriété

Jquery:

<script type="text/javascript">

function  enableDisableButton() {

    var isChecked = ($('input[name=ignore-checkbox]').is(':checked'));

    if (isChecked == true) {
        $("button[name=set-up-account]").removeAttr("disabled");
    }
    else {
        $("button[name=set-up-account]").attr("disabled", "disabled");
    }

}

$('#mobilePage').live('pageinit', function (event) {    //document ready for jquery mobile

    enableDisableButton();

    $('#ignore-checkbox').bind("change", function () {
        enableDisableButton();
    });

});
  </script>

Html:

 @using (Html.BeginForm("Account", "SetUpAccount", FormMethod.Post, new { @id = "account-set-up", @data_ajax = "false" }))
 {       

     <div class="ui-grid-a field">
        <div class="ui-block-a" style="width:140px;">
         <label for="ignore-checkbox">Ignore</label>
         <input type="checkbox" name="ignore-checkbox" id="ignore-checkbox"/>
        </div>
     </div>

     <div style="width:100%;float:left;">
         <button type="submit" name="set-up-account" id="set-up-account"  data-inline="true"  data-mini="true">Set Up Account</button>
     </div>
  }

Je veux activer/désactiver le Set Up Account bouton basée sur la case à cocher activée propriété. Si la case est cochée, puis activer le bouton, sinon désactiver. Au chargement de la page je suis la désactivation du bouton

Le problème, je suis confronté est,

Au chargement de la page, sa désactivation du bouton, mais ce n'est pas l'ajout/retrait de l'désactivé attribut basé sur événement de changement de case à cocher, j'ai vérifié dans firebug, l'entrée de la boucle correctement selon activée et désactivée valeur.

Note: je suis à l'aide de Jquery mobile 1.2 et jquery 1.7. Aussi avant de poster ici j'ai cherché dans google, il y a de nombreuses offres en vertu de l'activation et de la désactivation du bouton de fonction sur la case cochée valeur. mais aucun ne résout mon problème.

Quel est le problème? merci de m'aider

Merci...

Votre code fonctionne très bien voir la démo ici: jsfiddle.net/dwzGf/2 :), cliquez sur la case et vous verrez l'activation et de désactivation du bouton
Mais dans ma page sa ne retirant pas les personnes handicapées de l'attribut sur la vérification de la case à cocher, sa peut-être à cause de jquery mobile?
Essayez cette - changement mineur: jsfiddle.net/26n4M/1 au lieu de (isChecked == true) il suffit de ne (isChecked) , il faut travailler dans JQ M :)
Ya, maintenant c'est l'activation du bouton sur la vérification de la case à cocher, mais ce n'est pas la désactivation si ischecked est faux
Le fait de travailler ici démo jsfiddle.net/KGvve :)

OriginalL'auteur Subha | 2012-11-07

jquery jquery-mobile

32

Je ne sais pas si cela va aider à résoudre votre problème principal, mais selon http://api.jquery.com/prop/ vous devriez être en ajoutant et en supprimant des personnes handicapées de la propriété à l'aide de l' .prop() de la fonction, pas le .attr() et .removeAttr ().

L'ajout de la propriété:
```
.prop("disabled", true);
```
Pour supprimer la propriété:
```
.prop("disabled", false);
```
Je suis tombé sur cette question tout en regardant pour l'info ci-dessus, j'ai donc pensé que je pourrais partager avec vous.

Pour quelqu'un d'autre vous demandez-vous, c'est la bonne réponse.

OriginalL'auteur Josh the Aspie

Ses pas l'activation de la touche à cause de Jquery Mobile. Dans JQM, nous avons besoin de rafraîchir la forme de l'élément, tout en les manipulant

La solution est

    function  enableDisableButton() {

    var isChecked = ($('input[name=ignore-checkbox]').is(':checked'));

    if (isChecked) {
        $("button[name='set-up-account']").removeAttr("disabled").button('refresh');
    }
    else {
        $("button[name='set-up-account']").attr("disabled", "disabled").button('refresh');
   }
}

$('#mobilePage').live('pageinit', function (event) {

    enableDisableButton();

    $('#ignore-checkbox').bind("change", function () {
        enableDisableButton();
    });
});

Le problème a été résolu par l'ajout d'

.button('refresh');

OriginalL'auteur Subha

Comme celui-ci

  $('#setagb').change(function(){
        if ($(this).is(':checked'))
        {
            $("#submit").removeAttr("disabled");
        }
        else
        {
            $("#submit").attr( "disabled", "disabled" );
        }               
  });

OriginalL'auteur jswolf

0

Essayer cette
```
$("input[name=ignore-checkbox]").click(function() {
  $("button[name=set-up-account]").attr("disabled", this.checked);
});
```
DÉMO

Avez-vous essayé ce que c'est?
Oui essayé, son tir de l'événement de clic, mais ne permettant pas le bouton
Avez-vous vérifié la démo? Son activation et désactivation du bouton lorsque vous avez coché ou décoché la case
Ya j'ai vu, mais dans ma page sa ne fonctionne pas
C'est l'un de la solution. Maintenant c'est à vous de le modifier en fonction de votre besoin pour le faire fonctionner.

OriginalL'auteur 2619

Vous devez vous connecter pour publier un commentaire.