Добавление и удаление требуемого тега Динамически в HTML с использованием JavaScript?

Question

У меня есть выберите вариант со многими значениями, мне нужно, чтобы переключить поле требуется или не на основе выбора значения параметра, перепробовал все возможные решения, такие как:

$(document).ready(function() { 

}); 

function toggleFields(sel) { 
var valuee = sel.value; 
alert (valuee); 


if (valuee < 7){ 


    //$("#comment").setAttribute("required",""); 
    alert("Removed"); 
    $('#comment').required = false;    //Correct 
    $('#comment').removeAttribute("required");  //Correct 
} 

else{ 
    $('#comment').required = true;      //Correct 
    $('#comment').setAttribute("required", ""); 
    alert("Set"); 
} 

}

бегущий пример может можно найти в этой скрипкой

Fiddle Link is below

Answer 1

Ваш код JQuery должен быть внутри $(document).ready(function() { /*your code here */ } не под ним.

EDIT: либо он должен быть настроен так, чтобы не вызывать код jquery перед загрузкой jquery. Вы можете удалить встроенную функцию и настроить обработчик событий внутри своего скрипта.

Также, что такое $('comment')? Это должен быть селектор, например. $('#comment') или элемент, например. $('div').

EDIT: https://jsfiddle.net/tjwoo1y7/11/

$('#comment').attr("required", false); 
$('#comment').attr("required", true);