源码高亮模式在线查看
当前位置：
&&WebForm :&& 源文件浏览
[ 500.00共享分]
,下载次数：次 | 关键字：
&%@ Page Title=&& Language=&C#& MasterPageFile=&~/Counter/GridForm.Master& AutoEventWireup=&true& CodeBehind=&ErrorLog.aspx.cs& Inherits=&WebFrame.SysAdmin.sysLog.ErrorLog& %&
&asp:Content ID=&Content1& ContentPlaceHolderID=&head& runat=&server&&
&!--script src=&/Scripts/JQuery.chromatable.js& type=&text/javascript&&&/script--&
&/asp:Content&
&asp:Content ID=&Content2& ContentPlaceHolderID=&ContentPlaceHolder1& runat=&server&&
&div id=&bill&&
&div class=&tr2 TopHight&&
&div class=&labeltd2&&
触发人：&/div&
&div class=&controltd2&&
&input class=&DcTexBox& id=&txtUserName& style=&width: 150&/&&/div&
&div class=&labeltd2&&
报错日期：&/div&
&div class=&controltd2&&
&input id=&txtStartDate& class=&DcTexBox& style=&width: 100& onfocus=&setdate(this)&
readonly=&readonly& /&至&input id=&txtEndDate& class=&DcTexBox& style=&width: 100&
onfocus=&setdate(this)& readonly=&readonly& /&&/div&
&!--日历控件--&
&script src=&/Scripts/calendar.js& type=&text/javascript&&&/script&
&script type=&text/javascript&&
$(function () {
//加载数据表
_options = {
tableName: &V_ErrorLog&,
//数据表或视图
mainKey: &LogId&,
xslFile: &ErrorLog.xslt&,
//表格样式表文件
//查询条件
isLoad: true,
//是否加载数据表格
pageNav: true
//是否带翻译
GridPageNav(1);
//数据表格和翻页
//$(&#gridList&).chromatable({ width: &100%&, height: &100%&, scrolling: &yes& })
//删除数据
function DelData() {
$.ajax({ type: &POST&,
contentType: &application/json&,
url: &ErrorLog.aspx/DelLog&,
data: &{logId:'& + $(&#keyid&).val() + &'}&,
dataType: 'json',
success: function (result) {
JumbotCms.Message(result.d, &1&);
GridPageNav($('#page').val());
//批量删除
function BachErrLog() {
if (window.confirm(&您确实要批量删除此时间段的错误日志吗？&)) {
$.ajax({ type: &POST&,
contentType: &application/json&,
url: &ErrorLog.aspx/BatchLog&,
data: &{sTime:'& + $(&#txtStartDate&).val() + & 00:00:00',eTime:'& + $(&#txtEndDate&).val() + & 23:59:59'}&,
dataType: 'json',
success: function (result) {
JumbotCms.Message(result.d, &1&);
GridPageNav($('#page').val());
//查询数据
function QueryData() {
var userName = $(&#txtUserName&).val();
var startDate = $(&#txtStartDate&).val();
var endDate = $(&#txtEndDate&).val();
if (userName == && && (startDate == && || endDate == &&)) {
JumbotCms.Alert(&请输入至少一个以上的查询条件。&, &0&);
if (userName != &&) {
if (_options.tj != &&)
_options.tj = _options.tj + & and UserName = '& + userName + &'&;
_options.tj = & UserName = '& + userName + &'&;
if (startDate != && && endDate != &&) {
if (_options.tj != &&)
_options.tj = _options.tj + & and ErrDate between '& + startDate + & 00:00:00' and '& + endDate + & 23:59:59'&;
_options.tj = & ErrDate between '& + startDate + & 00:00:00' and '& + endDate + & 23:59:59'&;
//重置按钮
function ReseForm() {
$(&#txtUserName&).val('');
$(&#txtStartDate&).val('');
$(&#txtEndDate&).val('');
&/asp:Content&
常见技术问题基于jquery的表头固定的若干方法
A:使用JQuery UI插件，用DIV替换table，overflow-y:hidden达到滚动，让 thead绝对定位达到固定的目的，方法如下：
代码如下: (function($){ $.chromatable = { defaults: { width: "900px", height: "300px", scrolling: "yes" } }; $.fn.chromatable = function(options){ var options = $.extend({}, $.chromatable.defaults, options); return this.each(function(){ var $this = $(this); var $uniqueID = $(this).attr("ID") + ("wrapper"); $(this).css('width', options.width).addClass("_scrolling"); $(this).wrap('&div class="scrolling_outer"&&div id="'+$uniqueID+'" class="scrolling_inner"&&/div&&/div&'); $(".scrolling_outer").css({'position':'relative'}); $("#"+$uniqueID).css( {'border':'1px solid #CCCCCC', 'overflow-x':'hidden', 'overflow-y':'auto', 'padding-right':'17px' }); $("#"+$uniqueID).css('height', options.height); $("#"+$uniqueID).css('width', options.width); $(this).before($(this).clone().attr("id", "").addClass("_thead").css( {'width' : 'auto', 'display' : 'block', 'position':'absolute', 'border':'none', 'border-bottom':'1px solid #CCC', 'top':'1px' })); $('._thead').children('tbody').remove(); $(this).each(function( $this ){ if (options.width == "100%" || options.width == "auto") { $("#"+$uniqueID).css({'padding-right':'0px'}); } if (options.scrolling == "no") { $("#"+$uniqueID).before('&a href="#" class="expander" style="width:100%;"&Expand table&/a&'); $("#"+$uniqueID).css({'padding-right':'0px'}); $(".expander").each( function(int){ $(this).attr("ID", int); $( this ).bind ("click",function(){ $("#"+$uniqueID).css({'height':'auto'}); $("#"+$uniqueID+" ._thead").remove(); $(this).remove(); }); }); $("#"+$uniqueID).resizable({ handles: 's' }).css("overflow-y", "hidden"); } }); $curr = $this.prev(); $("thead:eq(0)&tr th",this).each( function (i) { $("thead:eq(0)&tr th:eq("+i+")", $curr).width( $(this).width()); }); if (options.width == "100%" || "auto"){ $(window).resize(function(){ resizer($this); }); } }); }; function resizer($this) { $curr = $this.prev(); $("thead:eq(0)&tr th", $this).each( function (i) { $("thead:eq(0)&tr th:eq("+i+")", $curr).width( $(this).width()); }); }; })(jQuery);
页面调用如下：
代码如下: ... &script type="text/javascript" src="jquery-ui-min.js"&&/script& &script& $(function(){ $("#yourTableID").chromatable({ width: "900px", height: "400px", scrolling: "yes" }); }); &/script& ... &table id="yourTableID" width="100%" border="0" cellspacing="0" cellpadding="0"& &thead& &tr& &th&Check out this header&/th& &th&Look here's another one&/th& &th&Wow, look at me!&/th& &/tr& &/thead& &tbody& &tr& &td&Some content goes in here&/td& &td&Praesent vitae ligula nec orci pretium vestibulum&/td& &td&Maecenas tempus dictum libero&/td& &/tr& ... &tr& &td&Quisque in wisi quis orci tincidunt fermentum&/td& &td&Mauris aliquet mattis metus&/td& &td&Etiam eu ante non leo egestas nonummy&/td& &/tr& &/tbody& &/table&
此方法IE和FF的兼容性都很好，推荐。 B：利用css滤镜实现，但FF不支持微软的东西，不兼容。DOM如下：
代码如下: &!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"& &HTML& &HEAD& &TITLE& New Document &/TITLE& &/HEAD& &style type="text/css"& &!-- body,table, td, a {font:9} /*重点：固定行头样式*/ .scrollRowThead{position: left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft); z-index:0;} /*重点：固定表头样式*/ .scrollColThead {position:top: expression(this.parentElement.parentElement.parentElement.scrollTop);z-index:2; height:20} /*行列交叉的地方*/ .scrollCR { z-index:3;} /*div外框*/ .scrollDiv {height:200clear: border: 1px solid #EEEEEE;OVERFLOW:width: 500 } /*行头居中*/ .scrollColThead td,.scrollColThead th { text-align:} /*行头列头背景*/ .scrollRowThead,.scrollColThead td,.scrollColThead th {background-color:EEEEEE; height:20} /*表格的线*/ .scrolltable{ border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } /*单元格的线等*/ .scrolltable td,.scrollTable th{ border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding: 5 } --& &/style& &BODY& &!--&div class="scrollDiv" id="scrollDiv"&--& &table border="0" cellpadding="3" cellspacing="0" width="100%" class="scrollTable"& &tr class="scrollColThead" & &th class="scrollRowThead scrollCR" & &/th& &th colspan="2"&列头&/th& &th colspan="2"&列头&/th& &th colspan="2"&列头&/th& &/tr& &tr class="scrollColThead" & &th class="scrollRowThead scrollCR" &h1&/th& &th class="scrollRowThead scrollCR"&h2&/th& &th class="scrollRowThead scrollCR"&h3&/th& &th class="scrollRowThead scrollCR"&h4&/th& &th class="scrollRowThead scrollCR"&h5&/th& &th class="scrollRowThead scrollCR"&h6&/th& &th class="scrollRowThead scrollCR"&h7&/th& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox" value="checkbox"& a&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox2" value="checkbox"& b&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td nowrap class="scrollRowThead" & &input type="checkbox" name="checkbox3" value="checkbox"& c&/td& &td nowrap&单元格2&/td& &td nowrap&单元格3&/td& &td nowrap&单元格4&/td& &td nowrap&单元格5&/td& &td nowrap&单元格6&/td& &td nowrap&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td class="scrollRowThead" & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &/table& &/BODY& &/HTML&
C:最简单的方法当然是写2个table，用DIV的overflow-y:auto来实现，兼容性绝对没问题，麻烦之处在于2个table的对齐问题，另外用脚本赋予高度的话，需要加onresize()方法。DOM如下：
代码如下: &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& &html xmlns="http://www.w3.org/1999/xhtml"& &head& &meta http-equiv="Content-Type" content="text/ charset=utf-8" /& &title&无标题文档&/title& &style& *,body,form,ul,li,p,h1,h2,h3,h4,h5,h6 {margin:0padding:0} body, td, th, input, select,p,span{font-family:"微软雅黑",Arial, Helvetica, sans-} body,td,div{font-size:12color:#333; line-height:150%;-webkit-text-size-adjust:} select{ font-size:12} a {blr:expression(this.onFocus=this.blur()); font-family:"微软雅黑",Arial, Helvetica, sans- font-size:12 } a:link, a:visited {text-decoration:color:#333;} a:hover, a:active {text-decoration:color:#F00;} ul,li,ol{list-style-type:}img {border:} html{ overflow:} .header{ width:1000 margin: height:40 background:#} .mainer{ width:1000 margin: height: overflow-y:overflow-x:} &/style& &script src="jquery-1.4.2.min.js" type="text/javascript"&&/script& &script type="text/javascript"& function OnResize() { $(".mainer").height($(window).height() - 40); } $(function () { onreszie(); }); &/script& &/head& &body onResize="OnResize()"& &div class="header"& &table border="0" cellpadding="3" cellspacing="0" width="100%" class="scrollTable"& &thead& &tr & &th & &/th& &th colspan="2"&列头&/th& &th colspan="2"&列头&/th& &th colspan="2"&列头&/th& &/tr& &tr & &th &h1&/th& &th &h2&/th& &th &h3&/th& &th &h4&/th& &th &h5&/th& &th &h6&/th& &th &h7&/th& &/tr& &/thead& &/table& &/div& &div class="mainer"& &table border="0" cellpadding="3" cellspacing="0" width="100%" class="scrollTable"& &tbody& &tr& &td & &input type="checkbox" name="checkbox" value="checkbox"& a&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox2" value="checkbox"& b&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td nowrap & &input type="checkbox" name="checkbox3" value="checkbox"& c&/td& &td nowrap&单元格2&/td& &td nowrap&单元格3&/td& &td nowrap&单元格4&/td& &td nowrap&单元格5&/td& &td nowrap&单元格6&/td& &td nowrap&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox" value="checkbox"& a&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox2" value="checkbox"& b&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td nowrap & &input type="checkbox" name="checkbox3" value="checkbox"& c&/td& &td nowrap&单元格2&/td& &td nowrap&单元格3&/td& &td nowrap&单元格4&/td& &td nowrap&单元格5&/td& &td nowrap&单元格6&/td& &td nowrap&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox4" value="checkbox"& d&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox5" value="checkbox"& e&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox6" value="checkbox"& f&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &tr& &td & &input type="checkbox" name="checkbox7" value="checkbox"& g&/td& &td&单元格2&/td& &td&单元格3&/td& &td&单元格4&/td& &td&单元格5&/td& &td&单元格6&/td& &td&单元格7&/td& &/tr& &/tbody& &/table& &/div& &/body& &/html&
有时候最笨的方法也可能是最简单最好的方法，这样写的兼容性绝对安全，灵活性也不错。
顶一下(0) 踩一下(0)
热门标签：}