So entfernen Sie das erforderliche Attribut aus dem Element, das nur Javascript verwendet, wenn das Optionsfeld nicht markiert ist?

Question

Ich habe eine Optionsschaltfläche mit dem Namen "Sonstige/Abfrage", und wenn es aktiviert ist, wird die Textfläche unterhalb der Anforderung mit dem erforderlichen Attribut benötigt.

Ich möchte das erforderliche Attribut aus dem TextArea-Element entfernen, wenn das Optionsfeld 'Andere/Abfrage' deaktiviert ist und nur JavaScript verwendet wird.

Ist es möglich, das erforderliche Attribut zu entfernen, wenn ein Optionsfeld nicht markiert ist?

Ich verwende derzeit das unten stehende JS, das das erforderliche Attribut hinzufügt, es aber nicht entfernt, wenn es nicht markiert ist.

var gquery = document.getElementById("genquery"); 
var comment = document.getElementById("comments"); 
    gquery.addEventListener('change', function(){ 
    comment.required = this.checked; 
}); 
if(gquery.required = false){ 
    comment.required = false; 
}; 

Jede Hilfe wird sehr geschätzt.

Answer 1

können Sie verwenden diese

gquery.addEventListener('click', function(event){ 
    if (this.checked) { 
    comment.classList.add('required') 
    comment.setAttribute('required', 'required') 
    } 
}); 

genquerytwo.addEventListener('click', function(event){ 
    if(this.checked) { 
    comment.classList.remove('required') 
    comment.removeAttribute('required') 
    } 
}); 

es Siehe in Aktion ->Fiddle

Aktualisiert Geige ->Updated Fiddle(v2)