复选框--选中-行-变色

<style type="text/css">
.label_on
{ border:20px solid red; }
</style>
<table>
<tr><td><input type="checkbox" name="name"></td></tr>
<tr><td><input type="checkbox" name="name"></td></tr>
<tr><td><input type="checkbox" name="name"></td></tr>
</table>
<script type="text/javascript">
$(document).ready(
function(){

$(
"input:checkbox").each(function(){
$(
this).click(function(){
alert($(
this).attr('checked'));
$(
this).parent().toggleClass('label_on');
});
});
});
</script>

posted on 2011-09-26 16:57  lovening  阅读(320)  评论(0编辑  收藏  举报