作者kami1119 (很好)
看板Ajax
标题Re: [问题] jquery 选取 checkbox 後 整列标记
时间Fri Jul 10 02:06:12 2009
※ 引述《TonyQ (沉默是金)》之铭言：
: ※ 引述《sdallan ()》之铭言：
: : <table>
: : <tr>
: : <td><checkbox></td>
: : <td>....</td>
: : </tr>
: : </table>
: : 就是，前面的checkbox 被点选後，能够把整个tr都变成橘色
: : 类似像是phpmyadmin 那样，勾选後，整列标记。
: : 我的思考方向是，checkbox先绑定checked与否，
: : 然後整个tr加上css样式。 可是就是实作不出来XD
: : 麻烦了
: o_o
: 怎麽会实作不出来 这超好做的啊
: http://tonylovejava.googlepages.com/testCheckboxTr.html
: <tr>
: <td>3</td>
: <td>wtf?</td>
: <td>
: <input type="checkbox" onclick="hightlightTr(this);"/>
: </td>
: </tr>
: <script type="text/javascript">
: function hightlightTr(node){
: if(node.checked){
: node.parentNode.parentNode.className="checkTr";
: }else{
: node.parentNode.parentNode.className="";
: }
: }
: </script>
$(function(){
$('input').click(function(){
if($(this).attr('checked')){
$(this).parent().parent().css('background','yellow');
}else{
$(this).parent().parent().css('background','');
}
});
});
来个jquery版本
--
.:
http://blog.xuite.net/kami1119
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.45.213.100