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

          jquery 全選與取消

          Posted on 2011-03-09 10:58 云云 閱讀(2217) 評論(2)  編輯  收藏
            //全選與取消全選
          $("#ckall").click(function(){
              var isCheckAll=$(this).attr("checked");//獲取復(fù)選框的屬性
              $('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>"; 

          如果要想在點擊圖片時 把當(dāng)前表格中的 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 全選與取消[未登錄]  回復(fù)  更多評論   

          2011-03-17 17:56 by test
          寫的好羅嗦呀

          # re: jquery 全選與取消[未登錄]  回復(fù)  更多評論   

          2011-03-17 17:56 by test
          還要多看看文檔

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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 伊川县| 隆化县| 滕州市| 阳曲县| 克拉玛依市| 卓资县| 白山市| 永靖县| 南安市| 广南县| 屯门区| 高陵县| 张家口市| 弋阳县| 渝中区| 桃园市| 皮山县| 台东市| 乌拉特中旗| 岳池县| 长沙市| 伊川县| 鄂托克前旗| 延吉市| 满洲里市| 葫芦岛市| 赫章县| 虹口区| 文山县| 平舆县| 天水市| 邹城市| 车险| 渝中区| 辛集市| 上虞市| 新龙县| 景东| 赤峰市| 六安市| 高青县|