Обязательное поле для заполнеия

#javascript #jquery

Здравствуйте!
Помогите реализовать следующий функционал:
Есть форма, где нужно, чтобы после активного чекбокса (нажали на него) поле, находящееся
в форме стало обязательным для заполнения. 
Буду очень признательна!



 











попыталась перенести на свой исходник код, не работает, в чем может быть причина ?



function EditPosition(chk) {
  var edit = document.getElementById("test");
  if (chk.checked)
    edit.setAttribute("required", true);
  else
    edit.removeAttribute("required");
}













    

Ответы

Ответ 1

function updateRequired(chk) {
  document.getElementById("test").required = chk.checked;
}
input[required]
{
  border: 1px red solid;
}

  
  
  







function EditPosition() {
  // stub
}
function markDirty() {
  // stub
}

$("tr td input[type='checkbox']").click(function(){
  var text = $(this).closest("tr").find("textarea");
  if (text.length > 0) {
    text[0].required = this.checked;
  }
});
textarea[required] {
  border: 1px solid red;
}








 




Обратите внимание на то, что я убрал READONLY="TRUE" из TEXTAREA.