posts - 110, comments - 101, trackbacks - 0, articles - 7
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          jquery 全選與取消

          Posted on 2011-03-09 10:58 云云 閱讀(2217) 評論(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
          還要多看看文檔

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 浏阳市| 沧州市| 深州市| 都匀市| 巴东县| 扎鲁特旗| 赞皇县| 广丰县| 蓝山县| 泽库县| 峨眉山市| 碌曲县| 贺兰县| 称多县| 葵青区| 天镇县| 内丘县| 宜川县| 黔江区| 蒙阴县| 扬中市| 景东| 安多县| 来凤县| 马公市| 东乌珠穆沁旗| 安徽省| 营山县| 通河县| 班戈县| 藁城市| 汝南县| 武山县| 建湖县| 沙洋县| 成都市| 禄丰县| 绵竹市| 奉节县| 获嘉县| 阳东县|