Question

I thought this would be simple I have a table with the first column a checkbox I am using this code to make the checkbox check all the other checkboxs

$( .checkall ).click(function () {
    $(this).parents( tbody:eq(0) ).find( :checkbox ).attr( checked , this.checked);
});

The HTML/Jquery code to create the table

 $("#menuarea").html( <a href="#!/home" id="gotohome"><div id="backmain" class="backbg">Back</div></a><div id="nav" class="backbgright">New Business Lead</div> +
                         <div id="dowithleads"></div> +
                         <table cellpadding="0" cellspacing="0" border="0" class="sortable paginated" id="manageleads"> +
    <thead> +
        <tr> +
            <th class="small"><input type="checkbox" class="checkbox checkall" value="Yes"></th> +
            <th class="sort-alpha">Created Time</th> +
            <th class="sort-alpha">Company</th> +
            <th class="sort-alpha">Lead Name</th> +
            <th class="sort-alpha">Phone No.</th> +
            <th class="sort-alpha bigger">Email</th> +
            <th class="sort-alpha">Lead Owner</th> +
            <th class="sort-alpha last">Lead Status</th> +
        </tr> +
    </thead> +
    <tbody> +
        <tr> +
            <td class="small"><input type="checkbox" class="formbox"></td> +
            <td>Mozilla 1.6</td> +
            <td>Win 95+ / OSX.1+</td> +
            <td class="center">1.6</td> +
            <td class="center">A</td> +
            <td class="center bigger">A</td> +
            <td class="center">A</td> +
            <td class="center last">A</td> +
        </tr> +
        <tr> +
            <td class="small"><input type="checkbox" class="formbox"></td> +
            <td>Mozilla 1.2</td> +
            <td>Win 94+ / OSX.1+</td> +
            <td class="center">1.5</td> +
            <td class="center">D</td> +
            <td class="center bigger">A</td> +
            <td class="center">N</td> +
            <td class="center last">A</td> +
        </tr> +
 </table> );

Answer 1

如果您重新使用jQuery 1.6.x,则使用。

$( .checkall ).click(function () {
    $(this).closest( table ).find( input[type=checkbox] ).prop( checked , this.checked);
});

请注意,<代码>$(此) 即:t. :eq(0) 不选择任何东西。 www.un.org/Depts/DGACM/index_french.htm 我将其改为<代码>(原文)。

Answer 2

我没有想法,为什么你通过javascript重新估计了这一巨大的html块,从那里获得任何有活力的数据就非常少。

But the reason its not working is because that .checkall element is not available on page load, it gets added after your tell it to bind the click event.

您可使用。

$( .checkall ).live( click ,function () {
    $(this).parents( tbody:eq(0) ).find( :checkbox ).attr( checked , this.checked);
});

页: 1

Answer 3

正式工作守则,在另外两人任职时已经写成,因此没有点想:

$(document).ready(function()
{

$( .checkall ).live( click , function () {
    checked = ($(this).attr( checked ) ==  checked ) ?  true  : false;
    $( :checkbox ).each(function(){ $(this).attr( checked , checked); });
});


$("#menuarea").html( <a href="#!/home" id="gotohome"><div id="backmain" class="backbg">Back</div></a><div id="nav" class="backbgright">New Business Lead</div> +
                         <div id="dowithleads"></div> +
                         <table cellpadding="0" cellspacing="0" border="0" class="sortable paginated" id="manageleads"> +
    <thead> +
        <tr> +
            <th class="small"><input type="checkbox" class="checkbox checkall" value="Yes"></th> +
            <th class="sort-alpha">Created Time</th> +
            <th class="sort-alpha">Company</th> +
            <th class="sort-alpha">Lead Name</th> +
            <th class="sort-alpha">Phone No.</th> +
            <th class="sort-alpha bigger">Email</th> +
            <th class="sort-alpha">Lead Owner</th> +
            <th class="sort-alpha last">Lead Status</th> +
        </tr> +
    </thead> +
    <tbody> +
        <tr> +
            <td class="small"><input type="checkbox" class="formbox"></td> +
            <td>Mozilla 1.6</td> +
            <td>Win 95+ / OSX.1+</td> +
            <td class="center">1.6</td> +
            <td class="center">A</td> +
            <td class="center bigger">A</td> +
            <td class="center">A</td> +
            <td class="center last">A</td> +
        </tr> +
        <tr> +
            <td class="small"><input type="checkbox" class="formbox"></td> +
            <td>Mozilla 1.2</td> +
            <td>Win 94+ / OSX.1+</td> +
            <td class="center">1.5</td> +
            <td class="center">D</td> +
            <td class="center bigger">A</td> +
            <td class="center">N</td> +
            <td class="center last">A</td> +
        </tr> +
 </table> );

});

友情链接