JS分页代码

关注

原创最新推荐文章于 2026-08-26 09:52:37 发布 783 阅读 AI 写同款· GEO 优化 ›

JavaScript分页技术：10个实用代码案例解析在Web开发中，良好的用户体验往往离不开精美的界面设计和流畅的交互体验。分页控件作为用户浏览大量数据时的界面组件，其样式和交互的自定义显得尤为重要。阅读详情

<script language="javascript" type="text/javascript">
        function CheckAll(checkID) {
            var oElements = document.getElementsByTagName("INPUT");
            var bIsChecked = true;

            for (i = 0; i < oElements.length; i++) {
                if (IsCheckBox(oElements[i]) &&
                IsMatch(oElements[i].id, checkID)) {
                    if (oElements[i].checked == false) {
                        oElements[i].checked = true;
                    }
                }
            }
        }

        function CheckOthes(checkID) {
            var oElements = document.getElementsByTagName("INPUT");
            var bIsChecked = true;

            for (i = 0; i < oElements.length; i++) {
                if (IsCheckBox(oElements[i]) &&
                IsMatch(oElements[i].id, checkID)) {
                    if (oElements[i].checked == false) {
                        oElements[i].checked = true;
                    }
                    else {
                        oElements[i].checked = false;
                    }
                }
            }
        }

        function IsMatch(id, ChildId) {
            var sPattern = '^Repeater1.*' + ChildId + '$';
            var oRegExp = new RegExp(sPattern);
            if (oRegExp.exec(id))
                return true;
            else
                return false;
        }

        function IsCheckBox(chk) {
            if (chk.type == 'checkbox') return true;
            else return false;
        }
        function DeleteValidate() {
            var flag = confirm("确定删除？");
            return flag;
        }
        function UpdateValidate() {
            return true;}
    </script>

<style type="text/css">
 #pagebar a 
 {
   border:solid 1px #FF6600;
   color:#638ED0;
   padding:0 5px;
   margin:0 2px;
   text-decoration:none;
 }
 #pagebar
 {
   width:100%;
   text-align:center;
 }
 #pagebar .thispage
 {
  background-color:#FF6600;
  color:White;
 }
  #pagebar a:hover
 {
   color:White;
   background-color:#FF6600;
 }
 #txtPageIndex
 {
  width:25px;
 }
 #pagebar #btnGotoPage
 {
  background-color:#FF6600;
  color:White; 
  font-family:@Adobe 黑体 Std R;
  font-weight:bold;
 }
</style>