Question

我在模式弹出窗口中有11个带有单独ID的复选框。我希望有一个名为SelectAll的超链接，通过点击每个复选框都被选中。我想通过javascript / jquery来完成。

请告诉我如何调用该功能

Answer 1

您可以使用标识selectall附加到锚点的click事件，然后在模态内设置所有复选框的checked属性：

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

Answer 2

你可以在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 3

这应该有效，点击元素（通常是一个输入，但如果你想使用一个链接，记得同时添加'return false;'以防止页面重新加载/移动），id为'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";
        }
  }

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

5 个答案: