posts - 110, comments - 101, trackbacks - 0, articles - 7
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

jquery 全选与取消

Posted on 2011-03-09 10:58 云云 阅读(2211) 评论(2)  编辑  收藏
  //全选与取消全选
$("#ckall").click(function(){
    var isCheckAll=$(this).attr("checked");//获取复选框的属性
    $('input[type=checkbox][name=ck]').each(function(){
       $(this.).attr("checked",isCheckAll);
        //也可在此 直接使用原生的js
         this.checked=!this.checked;//返选
  });
});

<th width="1%" class="fs"><input type="checkbox" id="ckall" /></th>

<td class="fs"><input name="ck" value="<s:property value="cid"/>" type="checkbox" /></td>


 echo "<td style='width:25%'><input type='checkbox' name='item' value=".$item->num_iid." />" .
     "<span class='pic-ctr'><img src=".$item->pic_url.'_310x310.jpg'." width='210' onClick='selectItem(this);'></span></td>"; 

如果要想在点击图片时 把当前表格中的 box也选中
可以这么做
 function selectItem(obj){
   obj=$(obj).parent().parent();
  var self = obj.children('input[type=checkbox][name=item]');
   $(self).each(function(){
     this.checked=!this.checked;
    
   });
 }
这样就方便了




评论

# re: jquery 全选与取消[未登录]  回复  更多评论   

2011-03-17 17:56 by test
写的好罗嗦呀

# re: jquery 全选与取消[未登录]  回复  更多评论   

2011-03-17 17:56 by test
还要多看看文档

只有注册用户登录后才能发表评论。


网站导航: