Deaktivieren der Auswahl/Kontrollkästchen Wenn die andere ausgewählt/aktiviert ist

Question

Mein Code sieht so aus, was ich will ist, wenn die Verwendung auf das aktuelle Zeit Kontrollkästchen aktiviert, dann deaktivieren Sie die Zeit Auswahlleiste, wenn der Benutzer etwas in auswählen die Auswahlleiste, deaktivieren Sie die aktuelle Zeit Kontrollkästchen, ich weiß, das ist erreichbar, aber ich weiß nicht, wie es geht, ich müde einige Möglichkeiten, aber nicht von ihnen funktioniert, bitte sagen Sie mir, wie ich es tun kann, egal durch JavaScript oder CSS, Vielen Dank

Enter travel time <input type="time" name="usr_time"> 
Use current time <input type = "checkbox" name = "Currenttime" value = "Currenttime"> 

Answer 1

Dies ist, wie ich es tun würde:

function checkControl(){ 
    if(Currenttime.checked === false){ 
     usr_time.disabled = false; 
    }else{ 
     usr_time.disabled = true; 
    } 
} 

Here is the JSFiddle demo

Beachten Sie auch, dass id Attribut wurden zu beiden Elementen hinzugefügt, so dass ihre Eigenschaften manipuliert werden können.

Answer 2

• Verwendung document.querySelector mit attribute Wähler die Zielelemente auszuwählen.
• addEventListener anhängen change Ereignis auf check-box Element.
• disabled Eigenschaft zu disable zu user_time Element.
• this.checked wird der aktuelle Zustand des check-box Elements sein.

---

document.querySelector('[name="Currenttime"]').addEventListener('change', function() { 
 
    document.querySelector('[name="usr_time"]').disabled = this.checked; 
 
});

Enter travel time 
 
<input type="time" name="usr_time">Use current time 
 
<input type="checkbox" name="Currenttime" value="Currenttime">