JQuery Reset-Wert der Texteingabe, wenn das Kontrollkästchen deaktiviert ist

Question

Ich habe ein Fieldset in meinem Formular, das ein Kontrollkästchen an eine Texteingabe gebunden hat. Wenn das Kontrollkästchen aktiviert/deaktiviert ist, wird das Attribut readonly der Texteingabe umgeschaltet.

Wenn das Kontrollkästchen deaktiviert ist ich den Text Eingabewert möchte auf 0

Hier zurückgesetzt ist mein

<label for="device-9102" class="form-partner-label"><input type="checkbox" class="quote-chkbox" id="9102-chk"> 9102 IP Phone</label> 
<input type="text" name="9102-quantity" class="form-endpoint-qty form-control" id="form-partner-9102" readonly value="0"> 

Hier ist die JQuery, die derzeit den Nur-Lese-Wert für die Texteingabe setzt:

$("#9102-chk").change(function() { 
     $("#form-partner-9102").prop("readonly", !$(this).is(":checked")); 
}); 

Wie setze ich den Wert der Texteingabe auf 0 zurück, wenn das Kontrollkästchen deaktiviert ist?

Answer 1

Zuerst müssen Sie prüfen, für Kontrollkästchen aktiviert ist oder nicht & setzen Sie den Wert auf Eingabe mit .val()

$("#9102-chk").change(function() { 
 
    var is_checked = $(this).is(":checked"); 
 
    if(!is_checked) { 
 
     $("#form-partner-9102").val(0); 
 
    } 
 
    $("#form-partner-9102").prop("readonly", !is_checked); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="device-9102" class="form-partner-label"><input type="checkbox" class="quote-chkbox" id="9102-chk"> 9102 IP Phone</label> 
 
<input type="text" name="9102-quantity" class="form-endpoint-qty form-control" id="form-partner-9102" readonly value="0">