Как проверить/снять флажки с помощью гиперссылки?

Question

У меня есть 11 флажков с индивидуальными идентификаторами внутри модального всплывающего окна. Я хочу иметь гиперссылку под названием SelectAll, щелкнув по которой каждый флажок установлен. Я хочу, чтобы это выполнялось javascript/jquery.

Пожалуйста, покажите мне, как вызвать функцию

Answer 1

вы можете сделать, как это в JQuery:

$(function(){ 
$('#link_id').click(function(){ 
    $('input[type="checkbox"]').attr('checked', 'checked'); 
    return false; 
}); 
}); 

Если у вас есть более чем один form, вы можете зр ecify Идентификатор формы, как это:

$(function(){ 
$('#link_id').click(function(){ 
    $('#form_id input[type="checkbox"]').attr('checked', 'checked'); 
    return false; 
}); 
}); 

Answer 2

Вы можете прикрепить к click случае якоря с идентификатором selectall, а затем установить проверенный атрибут всех флажков внутри модальный:

$(function() { 
    $('a#selectall').click(function() { 
     $('#somecontainerdiv input:checkbox').attr('checked', 'checked'); 
     return false; 
    }); 
}); 

Answer 3

Это должно работать, нажав на элемент (обычно входной, но если вы хотите использовать ссылку не забудьте добавить «вернуться ложным;» для предотвращения перезагрузки страницы/перемещения) с идентификатором «selectAllInputsButton» должен применять атрибут «selected =» выбранный «» ко всем входам (уточнять по мере необходимости) с именем класса «modalCheckboxes».

Это не проверено, написав на моем телефоне подальше от моего стола, но я думаю, что это функциональный, если не красивый.

$(document).ready(
    function(){ 
    $('#selectAllInputsButton').click(
     function(){ 
     $('input.modalCheckboxes').attr('selected','selected'); 
     } 
    ); 
    } 
); 

Answer 4

$(function(){ 
    $('#link_id').click(function(e){ 
     e.preventDefault(); // unbind default click event 
     $('#modalPopup').find(':checkbox').click(); // trigger click event on each checkbox 
    }); 
}); 

Answer 5

function CheckUncheck(obj) { 
     var pnlPrivacySettings = document.getElementById('pnlPrivacySettings'); 
     var items = pnlPrivacySettings.getElementsByTagName('input'); 
     var btnObj = document.getElementById('hdnCheckUncheck'); 
     if (btnObj.value == '0') { 
      for (i = 0; i < items.length; i++) { 
       if (items[i].type == "checkbox") { 
        if (!items[i].checked) { 
         items[i].checked = true; 
        } 
       } 
      } 
      btnObj.value = "1"; 
     } 
     else { 
      for (i = 0; i < items.length; i++) { 
       if (items[i].type == "checkbox") { 
        if (items[i].checked) { 
         items[i].checked = false; 
        } 
       } 
      } 
      btnObj.value = "0"; 
     } 
    }