Установка флажка Обязательный атрибут onClick - PullRequest
Новая
       26

Установка флажка Обязательный атрибут onClick

0 голосов
/ 29 февраля 2020

Я создаю веб-форму, которая скрывает / показывает строки таблицы и устанавливает определенные поля, обязательные или не обязательные, на основе выбора пользователя.

У меня вопрос в два раза. Во-первых, как мне требовать, чтобы пользователи отмечали хотя бы один флажок в группе флажков, называемых «ReallocationType»? Я не уверен, как должен выглядеть код в функции "ValidateCheckboxes". Во-вторых, как применить это только при отображении «ReallocationTypeRow»? 

   function ReqTypeHideShow(selection) {
           var s1 = document.getElementById("ReallocationRow")
  
           if (selection === "ReallocateCost") {
              s1.style.display = "table-row" ;
              //call function ValidateCheckboxes() ;
           }
        }

        function ValidateCheckboxes() {
	       form.ReallocationType[0].checked === false
           //Need additional code here

	       form.ReallocationType[1].checked === false
           //Need additional code here

	       form.ReallocationType[2].checked === false
           //Need additional code here
        }
<table>
  <tr id="ReqTypeRow">
     <td>Request Type</td>
     <td>
        <select id="ReqType" name="ReqType" onchange="ReqTypeHideShow(this.value)">
           <option value="">-- Select an Option --</option>
           <option value="ReqDef">Request New Project</option>
           <option value="ProjAppr">Request Funding</option>
           <option value="ProjReappr">Request Re-approval</option>
           <option value="ReallocateCost">Re-allocate Funding</option>
        </select>
     </td>
  </tr>

  <br>

  <tr id="ReallocationTypeRow" style="display:none">
     <td>Reallocation Type (check all that apply)</td>
     <td>
        <input type="checkbox" name="ReallocationType" value="LabToExt">Internal to External Spend<br>
        <input type="checkbox" name="ReallocationType" value="ExtToLab">External to Internal Spend<br>
        <input type="checkbox" name="ReallocationType" value="LabToLab">Shift Internal Phases Around
     </td>
  </tr>
</table>

Заранее спасибо за помощь!

...