2013-07-23 3 views
0

Привет, я только что создал таблицу с некоторыми значениями. Я хочу выбрать все флажки с первым флажком и снять отметку с них. 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 

е ({- класс => 'стол', -b

+3

Вы отметили это тегом 'javascript', где JS-код? – Teemu

+2

Какой это язык? :) – coolguy

+0

мог бы усовершенствовать код, который я отредактировал, пожалуйста? – Armida

ответ

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

Надеется, что это помогает !!!

+0

, когда я проверяю первый флажок, ни один другой флажок не установлен, как я хочу. im, используя этот \ $ ('# id'). change (function() { var checkboxes = $ (this) .closest ('form'). find (': checkbox'); if ($ (this). (': checked')) { checkboxes.attr ('checked', 'checked'); } else { checkboxes.removeAttr ('checked'); } }); но даже это не помогает – Armida

+0

вы можете создать пример на js скрипке. Я просто обновлю код. – mechanicals

+0

только что отредактировал мой код, взгляните на пелазу. Я также хочу, чтобы опция снятия отметки – Armida

0

Я думаю, что здесь есть ошибка в этом варианте:

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

i не работает. «Неиспользуемый SyntaxError: Неожиданный конец ввода» – Armida

+0

@Armida в каком браузере? У меня хорошая работа в IE, Opera, Firefox, Chrome и Safari. Вы действительно смотрели эту ссылку? [Http://jsfiddle.net/ostapische/7shEz/1/](http://jsfiddle.net/ostapische/7shEz/1/) – ostapische

Смежные вопросы