html form input array

Question

Ищете некоторую помощь о том, есть ли более разумный способ, который я могу сделать своей формой, используя массивы.

У меня есть форма, в которой вам необходимо ввести данные о еженедельной, двухнедельной или месячной зарплате и сверхурочных. Если вы вводите недельную базовую зарплату, я хочу отключить все раз в две недели и месячную зарплату и сверхурочные поля.

В моем HTML каждое поле имеет имя, например.

И мой Javascript до сих пор для инвалидизирующих полей:

if (document.getElementById("basic_sal_weekly").value >0) { 
    document.getElementById("basic_sal_fortnightly").disabled=true; 
    document.getElementById("basic_sal_4weekly").disabled=true; 
    document.getElementById("basic_sal_monthly").disabled=true; 
} else { 
    document.getElementById("basic_sal_fortnightly").disabled=false; 
} 

Однако я уверен, что там должно быть более быстрым способом сделать это, чем вручную вводить каждое одно поля в моем HTML-документ.

Answer 1

Просто дайте свои поля и тот же класс и отключить все элементы с этим классом ..

Answer 2

Использовать обычные JQuery:

<script src="objects/codes/jquery-2.0.3.js"></script> 
<script> 
    $("#your_element_id").removeAttr("disabled"); // enable 
    $("#your_element_id").attr("disabled", "disabled"); // disable 
</script> 

Download the uncompressed, development jQuery 2.0.3