少年阿賓

          那些青春的歲月

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            500 Posts :: 0 Stories :: 135 Comments :: 0 Trackbacks

          常用鏈接

          留言簿(22)

          我參與的團隊

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          <%@ page language="java" contentType="text/html; charset=utf-8"
              pageEncoding="utf-8"%>
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
          <html>
          <head>
          <script type="text/javascript">
              function checkAll() {
                  var m = document.getElementsByName("all")[0];
                  var s = document.getElementsByName("check");

                  if (m.checked) {

                      for ( var i = 0; i < s.length; i++) {
                          s[i].checked = true;
                      }
                  } else {
                      for ( var i = 0; i < s.length; i++) {
                          s[i].checked = false;
                      }

                  }
              }

              function checkEvery() {
                  var m = document.getElementsByName("all")[0];
                  var s = document.getElementsByName("check");

                  for ( var i = 0; i < s.length; i++) {
                      if (s[i].checked&&m.checked) {
                          m.checked = true;
                      } else {
                          m.checked = false;
                      }
                  }

              }

              function turn() {
                  with (document) {
                      var m = getElementById("change");
                      var n = getElementById("table");
                      if (m.value == "收縮") {
                          n.style.display = "none";
                          m.value = "展開";
                      } else {
                          n.style.display = "block";
                          m.value = "收縮";
                      }
                  }
              }
          </script>
          </head>
          <body>
              <table border="1" align="center" width="60%" id="table1">
                  <tr>
                      <td><input type="checkbox" name="all" onclick="checkAll();">全選</td>
                      <td><input type="button" value="收縮" id="change"
                          onclick="turn();"></td>
                  </tr>
              </table>
              <%
                  int number = Integer.parseInt(request.getParameter("number"));
              %>

              <table border="1" align="center" width="60%" id="table">
                  <%
                      for (int i = 0; i < number; i++) {
                  %>
                  <tr>
                      <td><input type="checkbox" name="check" onclick="checkEvery()"></td>
                      <td><%=i%></td>
                  </tr>
                  <%
                      }
                  %>
              </table>
          </body>
          </html>
          posted on 2012-08-30 19:50 abin 閱讀(2035) 評論(2)  編輯  收藏 所屬分類: Javascript

          Feedback

          # re: js中控制checkbox的選擇以及table的顯示與隱藏 2013-08-01 10:19 11
          11111111111111111111111111  回復  更多評論
            

          # re: js中控制checkbox的選擇以及table的顯示與隱藏 2013-08-01 10:20 11
          @11
          222222222222222222  回復  更多評論
            

          主站蜘蛛池模板: 河北区| 东宁县| 碌曲县| 谢通门县| 南郑县| 玉树县| 桐城市| 西畴县| 肥乡县| 保康县| 富源县| 定日县| 勐海县| 二手房| 固阳县| 茶陵县| 乐昌市| 濮阳市| 周口市| 青岛市| 平定县| 乌兰县| 广汉市| 古蔺县| 石城县| 陈巴尔虎旗| 北安市| 富民县| 莆田市| 台东市| 永川市| 承德县| 阳朔县| 竹山县| 昂仁县| 上虞市| 汉源县| 读书| 大城县| 额尔古纳市| 柳江县|