復選框表以選擇行

Question

嗨，我剛剛創建了一些值的表。 我想選中帶有第一個復選框的所有復選框，然后取消選中它們。 打印“內容類型：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 =>'table'，-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"));
});  

請參閱此鏈接。

$('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();
  }
});