Checkboxs вопрос

Question

Вот мой вопрос:

У меня есть 4 различных флажков и 4 различных этикеток каждый (параметр + этикетка) показывает на вкладке. У меня есть 4 вкладки, я хочу создать функцию в JavaScript, которая, как только пользователь щелкнет по одному из флажков, будет считывать из скрытого поля значение и собирается настроить его в каждой из меток на всех вкладках и проверить все другие флажки

например:

Первого сценария (Таб 1): Если пользователь нажимает на флажке он будет читать скрытое поле и оно собирается установить значение скрытого поля в ярлыках на все вкладки и отметьте все остальные флажки

Второй сценарий (вкладка 3): Если пользователь снял флажок на третьей вкладке, он очистит значения за m все другие ярлыки и снимите флажки всех других флажков.

Пожалуйста, помогите!

JS Функция:

function ValidationSectionComplete(sender, args) { 
     var sectionCompleteGeneralInfo = $find("<%= btnSectionCompleteGeneralInfo.ClientID %>"); 
     var sectionCompleteDetailsInfo = $find("<%= btnSectionCompletedDetials.ClientID %>"); 
     var sectionCompleteMedicalInfo = $find("<%= btnSectionCompletedMedical.ClientID %>"); 
     var sectionCompleteNarrativeInfo = $find("<%= btnNarrativeComplete.ClientID %>"); 

     //Get the logged in full name when the page is load. 
     var loggedInFullName = document.getElementById("<%= hfLoggedInFullName.ClientID %>").value; 

     var insertedByGeneralInfo = document.getElementById("<%=lblByGeneralInfo.ClientID %>"); 
     var insertedByDetailsInfo = document.getElementById("<%=lblByDetails.ClientID %>"); 
     var insertedByMedicalInfo = document.getElementById("<%=lblByMedicalInfo.ClientID %>"); 
     var insertedByNarrativeInfo = document.getElementById("<%=lblByNarrative.ClientID %>"); 
     if ((sectionCompleteGeneralInfo.get_checked() == true) && (sectionCompleteDetailsInfo.get_checked() == true) && (sectionCompleteMedicalInfo.get_checked() == true) && (sectionCompleteNarrativeInfo.get_checked() == true)) { 
      insertedByGeneralInfo.innerHTML = loggedInFullName; 
      insertedByDetailsInfo.innerHTML = loggedInFullName; 
      insertedByMedicalInfo.innerHTML = loggedInFullName; 
      insertedByNarrativeInfo.innerHTML = loggedInFullName; 
     } 
     else { 
      insertedByGeneralInfo.innerHTML = ""; 
      insertedByDetailsInfo.innerHTML = ""; 
      insertedByMedicalInfo.innerHTML = ""; 
      insertedByNarrativeInfo.innerHTML = ""; 
     } 
    } 

Answer 1

Добавление класса на вкладку див, используя один и тот же класс для каждого чекбоксе вы хотите проверить/снимите флажок в то же время.

Пример:

<div id="tabs-3"> 
    <p>Content for Tab 3</p> 
    <label for="cb5">Car: </label><input type="checkbox" class="cbox1" id="cb5" /> 
    <label for="cb6">Bus: </label><input type="checkbox" class="cbox2" id="cb6" /> 
</div> 

Затем, вы можете получить имя класса и использовать, чтобы проверить/снимите все флажки вместе.

$('input:checkbox').click(function(){ 
    var cbClass = this.className; 
    if ($(this).is(':checked')){ 
     $('.'+cbClass).prop('checked',true); 
    }else{ 
     $('.'+cbClass).prop('checked',false); 
    } 
}); 

jsFiddle Demo

---

Примечание: activate: код не требуется в вашем решении, но я оставил его там в случае, если это полезно для вас в дальнейшем.