Ich habe ein Kontrollkästchen und wenn ich es ankreuze Ich möchte ein Textfeld aktiviert werden (standardmäßig deaktiviert) und wenn ich das Kontrollkästchen deaktivieren, ich möchte es wieder deaktiviert werden.Element mit Checkbox und jQuery deaktivieren/aktivieren?

Ich habe hier jQuery Checkboxes gesehen, wie ich eine CSS-Klasse und hier http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_disable.2Fenable_a_form_element.3F umschalten kann, wie ich mit zwei Tasten zwischen aktiviert und deaktiviert wechseln kann. Aber wie kann ich den Status eines Textfelds deaktivieren/aktivieren, indem ich ein Kontrollkästchen ankreuze/abhebe?

Vielen Dank im Voraus.

2010-09-27 Martin

$(':checkbox').click(function(){ 
    $('input:text').attr('disabled',!this.checked) 
});

crazy demo

Quelle

2010-09-27 07:59:30 Reigel

Ich glaube, Sie wollen die Änderung Handler, der auch dann ausgelöst wird, wenn der Benutzer auf ein mit dem Kontrollkästchen verknüpftes Label klickt. –

http://jsfiddle.net/FArMm/1/ aktualisiertes Beispiel von Reigel. – Tim

@Rao - wenn das Etikett Sie beunruhigt, überprüfen Sie [crazy Demo 2] (http://jsfiddle.net/FArMm/2/) – Reigel

Sie können den Change-Handler an das Kontrollkästchen anhängen und das Textfeld mit seiner checked-Eigenschaft aktivieren/deaktivieren.

$('#theCheckbox').change(function() { 
    $('#theTextfield').attr('disabled', this.checked); 
});

Beispiel: http://jsbin.com/oludu3/2

Quelle

2010-09-27 07:59:10 kennytm

Hier ist eine Seite das tut, was Sie suchen - es ist ziemlich minimal ist, aber zeigt, was Sie

<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script> 
     <script> 
      $(document).ready(function() { 
       $("#testcheckbox").change(function() { 
        $("#testtextfield").attr("disabled", $(this).attr("checked")); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <input type="checkbox" id="testcheckbox" /> 
     <input type="text" id="testtextfield" /> 
    </body> 
</html>

Quelle

2010-09-27 08:11:55 SamStephens

brauchen @ Martin - Löschen Sie den Text in den Textfeldern, die deaktiviert werden, und deaktivieren Sie die Kontrollkästchen s, die deaktiviert wird - fügen Sie einfach diese Zeile

$("#TextField_ID_name").val("");

und das Kontrollkästchen zu deaktivieren, müssen Sie ID-Namen der Checkbox und dann fügen Sie diese Zeile auf die JQuery

$("#chekcbox_ID_name").attr('checked',false)

this helps zuweisen jemand ... obwohl ich auf Martins Frage nach 2 Jahren seit seinem Posten antworte :-)

Quelle

2012-06-27 10:01:32 Andrews

Seit jQuery 1.6 sollte die .prop() Methode verwendet werden, um deaktiviert und überprüft anstelle der .attr() Methode:

$('#theCheckbox').change(function() { 
    $('#theTextfield').prop('disabled', this.checked); 
});

Quelle

2013-12-23 11:30:07 domenu

zeigen und versteckt ein Textfeld (# otherSection2) für die Eingabe von anderen Optionen, wenn letzter Checkbox in einer gerenderten Tabelle (#CheckBoxListList) von asp: CheckBoxList Kontrolle ausgewählt ist

$("#CheckBoxListList input[type='checkbox']:last").on("click", function() { 

       if ($(this).is(":checked")) { 
        $("#otherSection2").show(); 
       } else { 
        $("#otherSection2").hide().find("input").val(null); 

       } 
      });

Quelle

2014-10-16 07:25:42

Element mit Checkbox und jQuery deaktivieren/aktivieren?

Antwort

crazy demo

Verwandte Themen