如何通過單擊超鏈接來選中/取消選中複選框？

Question

我有11個複選框與模式彈出窗口中的個人ID。我想要一個名爲SelectAll的超鏈接，通過點擊每個複選框被選中。我希望這是由JavaScript/jQuery完成。

請告訴我如何調用該函數

Answer 1

你可以這樣做jQuery中：

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

如果你有一個以上的form，你可以指定表單ID是這樣的：

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

Answer 2

你可以連接到click事件錨的一個ID selectall，然後設置模式中所有的複選框的選中屬性：

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

Answer 3

這應該工作，單擊元素（典型的輸入上，但如果你想使用一個鏈接記得還添加「返回false;」防止頁面重新加載/移動）的id爲'selectAllInputsButton'時，應將'selected ='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"; 
     } 
    }