用于选择行的复选框表

Question

您好，我刚刚创建了一个包含一些值的表。我想用第一个复选框选择所有复选框并取消选中它们。 print "Content-type: text/html; charset=iso-8859-1\n\n";

my $script = qq{
\$('#id').change(function() {
var checkboxes = \$(this).closest('form').find(':checkbox');
if(\$(this).is(':checked')) {
    checkboxes.attr('checked', 'checked');
} else {
    checkboxes.removeAttr('checked');
}

}); };

use CGI::Carp qw(fatalsToBrowser);

$q = new CGI;
print $q->start_html(
-title=>"Read a File",
-style  => {-src =>'css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet'},
     -script => [
        {-src =>'js/jquery-1.9.1.js'}, 
        {-src =>'js/jquery-ui-1.10.3.custom.js'

        }, 
      ],   
);

my @aRows = ();

my $oCheckAll = $q->input({-type => 'checkbox', -name => 'sel_all', -id =>'id' }, 'Select All');

# Add header of table
push @aRows, (
   $q->Tr($q->th([$oCheckAll, 'Name', 'Surname', 'DB'])),   
);

# Add table rows
for(my $i=0; $i<4; $i++) {
   push @aRows, (
      $q->Tr($q->td([$q->input({-type => 'checkbox' -id => 'id'}), "EMR", "MB", $i]))
   );
}

print $q->style(".table th, td { width: 25%;}");

print $q->tabl

e({-class=> '表', -b

Answer 1

$('input:checkbox').change(function (){
    var thisCheck = $(this);
    if (thischeck.is(':checked')){
        thisCheck.parent().children('input:checkbox').attr('checked','checked');
    }
});

希望对你有帮助！！！

Answer 2

我认为这是这个变体中的一个错误：

$('table tr td:first-child input').click(function(event){
  $(this).parent().parent().find("td input").attr("checked", $(this).is(":checked"));
});  

请参阅this 链接。

$('table tr td:first-child input').click(function(event){
  if ($(this).is(':checked')) {
    $(this).parent().parent().find("td input:not(:checked)").click();
  } else {
    $(this).parent().parent().find("td input:checked").click();
  }
});