jQuery全选效果实现代码 通过测试.docVIP

PAGE  PAGE 4 多选效果如下图 代码如下: 复制代码 代码如下: script type=text/javascript!-- $(document).ready(function() { $(#selectall).click(selectAll); }); function selectAll() { var checked = $(#selectall).attr(checked); $(.selectable).each(function() { var subchecked = $(this).attr(checked); if (subchecked != checked) $(this).click(); }); } // --/script table id=detail-table style=width: 100%; background: #F0F8FF; thead tr th input id=selectall type=checkbox //th th style=text-align:center style=text-align:centerItem Name/th th style=width: 60px; text-align:centerUM/th th style=width: 80px; text-align:centerOrdered Qty/th th style=width: 80px; text-align:centerReceived Qty/th th style=width: 80px; text-align:centerQuantity/th th style=width: 120px; text-align:centerRemark/th /tr /thead ?php $i = 1; foreach($this-details as $item) { echo tr\n; echo td width=6pxinput type=Checkbox id=item_id$i name=item_id$i class=selectable value= . $item[item_id] . //td\n; //item name echo td . $item[item_name] . input type=hidden id=item_id$i name=item_id$i value= . $item[item_id] . /input type=hidden id=item_name$i name=item_name$i value= . $item[item_name] . //td\n; //unit echo td . $item[unit_name] . /td\n; //Ordered Qty echo td style=text-align: right style=text-align: right . $item[quantity] . /td\n; //Received Qty echo td style=text-align: right style=text-align: right . $item[received_qty] . /td\n; //Quantity echo tdinput style=width: 99%; text-align: right type=text id=quantity$i name=quantity$i MaxLength=4 OnKeyPress=EnsureDecimal(this)//td\n; //Remark column echo tdinput style=width: 99%; type=text id=remark$i name=remark$i MaxLength=30/td; echo /tr\n; $i++; } ? /table 局部多选如下图 代码 复制代码 代码如下: script type=text/javascript!-- function selectAllMenu(cmb) { var checked = cmb.checked; $(.selectable[model= + cmb.model + ]).each(function() { var subchecked = $(this).attr(checked); if (subchecked != checked) $(this).click(); }); }