如何通过单击超链接来选中/取消选中复选框？

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"; 
     } 
    }