toggle-disabled-Attribut in jquery

Habe ich eine checkbox, die Sie aktivieren oder deaktivieren Sie ein select-element

Eigentlich benutze ich dieses einfache Stück code, der funktioniert einwandfrei.

$("#filtri").change(function(){
    if ($("#menuContinenti").attr("disabled")) {
        $("#menuContinenti").removeAttr("disabled");
    } else {
        $("#menuContinenti").attr("disabled", "disabled");
    }
});

Ist das der beste Weg oder gibt es so etwas wie eine .toggle() Funktion wechseln deaktiviert/aktiviert?

Wenn es nicht kaputt...don ' T fix it 🙂
ja, es funktioniert (wie ich schrieb), ist das aber der beste Weg, um Versuch diese Aufgabe? Ich hoffe, dass jquery bietet so etwas wie eine .toggle () - Funktion zum wechseln zwischen booleschen Attributen wie disabled
jQuery hat eine toggle-aber nur zum Umschalten der Sichtbarkeit: api.jquery.com/toggle ich weiß nicht, jQuery build-in-Knebel für aktivieren/deaktivieren, aber Sie können einen Blick auf alle Effekte in Ihre docs: api.jquery.com/category/effects
mögliche Duplikate von Jquery toggle input disabled-Attribut
Mögliche Duplikate von Toggle input disabled-Attribut mit jQuery

InformationsquelleAutor Naigel | 2012-08-10

jquery

40

Sollten Sie verwenden .prop für Behinderte:
```
$("#menuContinenti").prop('disabled', function () {
   return ! $(this).prop('disabled');
});
```
UPDATE: leider nicht erkennen, den aktuellen Wert der Eigenschaft ist ein argument der Funktion; diese version ist sogar noch sauberer:
```
$("#menuContinenti").prop('disabled', function (_, val) { return ! val; });
```
UPDATE: ES2015
```
$("#menuContinenti").prop("disabled", (_, val) => !val);
```
- Es ist schön und kurz. Was ist der Vorteil der Verwendung von .prop obwohl? Ich weiß mich nicht, aber ich mag die Kürze des Codes.
- Schön. Ich hätte nie gedacht, es so zu tun.
- this.disabled funktioniert gut anstelle von .prop('disabled')
- ist die Eigenschaft des DOM-Objekts vs. attr, die die serialisierten HTML. Ich fürchte, ich weiß nicht, zu viele Einzelheiten, nur dass mit .attr für deaktiviert/aktiviert, funktionieren möglicherweise nicht wie erwartet. die jQuery-API-recomments mit .prop speziell. Zitat: "Die .prop () - Methode sollte verwendet werden, um deaktiviert und aktiviert statt der .attr () - Methode."
- Nice one, vielen Dank für immer wieder auf, dass.
- stackoverflow.com/q/5874652/1385672
- gute Antwort, aber es ist ziemlich langsam jsperf.com/11903335-11903390
- Ihre test gilt der Selektor jedes mal, wenn die falsch ist. Sie auch nicht binden .change im zweiten test. Dies ist eine bessere test: jsperf.com/11903335-11903390/2
- Es ist sehr einfach, schreiben Sie eine toggleProp plugin
- vorzeitige Optimierung ist die Wurzel allen übels. Da JS ist eine asynchrone Sprache, die meiste Zeit im Leerlauf, und sehr wenig Zeit ist erforderlich für die Berechnung. Wenn Sie feststellen, dass ein bestimmtes Stück code verursacht Probleme, weil Sie zu langsam ist, dann sollten Sie die benchmark und zu beheben. Ansonsten konzentrieren sich auf das schreiben von lesbarem code.
- 1+ Das update ES2015 funktioniert nicht in den (tatsächlichen) Safari, das ist, warum ich wie die Vorherige. Danke für die Idee.
InformationsquelleAutor Explosion Pills

Schreiben Sie Ihre eigenen plugins, die soetwas macht.

Fügen Sie diese nach jQuery, in einer script-Datei, vorzugsweise.

(function($) {
    $.fn.toggleDisabled = function(){
        return this.each(function(){
            this.disabled = !this.disabled;
        });
    };
})(jQuery);

Dann verwenden Sie es wie diese:

$('#my-select').toggleDisabled();

Courtesy: Toggle input disabled-Attribut mit jQuery

InformationsquelleAutor Moin Zaman

1

können Sie überprüfen, mit $.ist die Funktion wie unten
```
$("#filtri").change(function(){
    $("#menuContinenti").attr("disabled", ! $(this).is(':checked'));    
});
```
- Ich mag dies, da es sehr kurz ist
InformationsquelleAutor Mighty Lucene

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.