我对javascript不熟悉,现在想创建以下的表格,请大家指定一下!

解决方案 »

  1.   

    由样式表控制。<style>
    #table_order{background:#D3ADAA;color:#544240;font:12px simsun;}
    #table_order td{background:White;}
    #table_order td div{width:100px;}
    #table_order .title{background:#FEE1E3;}
    </style>
    <table id="table_order" border="0" cellpadding="1" cellspacing="1">
    <tr align="center">
    <td colspan="2" class="title"><div>06月29日</div><div>星期二</div></td>
    <td colspan="2" class="title"><div>06月30日</div><div>星期三</div></td>
    <td colspan="2" class="title"><div>07月01日</div><div>星期四</div></td>
    <td colspan="2" class="title"><div>07月02日</div><div>星期五</div></td>
    <td colspan="2" class="title"><div>07月03日</div><div>星期六</div></td>
    <td colspan="2" class="title"><div>07月04日</div><div>星期日</div></td>
    <td colspan="2" class="title"><div>07月05日</div><div>星期一</div></td>
    </tr>
    <tr align="center">
    <td>上午</td><td>下午</td>
    <td>上午</td><td>下午</td>
    <td>上午</td><td>下午</td>
    <td>上午</td><td>下午</td>
    <td>上午</td><td>下午</td>
    <td>上午</td><td>下午</td>
    <td>上午</td><td>下午</td>
    </tr>
    <tr align="center">
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    <td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
    </tr>
    <tr>
    <td colspan="14">请选择挂号的时间!</td>
    </tr>
    </table>
      

  2.   

    看窜了,还以为1楼发的那个,就是楼主说的“以下表格”。拿它为例,如果用JS做的话,就是下面这样:
    <script>
    document.writeln("<style>");
    document.writeln("#table_order{background:#D3ADAA;color:#544240;font:12px simsun;}");
    document.writeln("#table_order td{background:White;}");
    document.writeln("#table_order td div{width:100px;}");
    document.writeln("#table_order .title{background:#FEE1E3;}");
    document.writeln("</style>");
    document.writeln("<table id=\"table_order\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\">");
    document.writeln("    <tr align=\"center\">");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>06月29日</div><div>星期二</div></td>");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>06月30日</div><div>星期三</div></td>");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>07月01日</div><div>星期四</div></td>");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>07月02日</div><div>星期五</div></td>");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>07月03日</div><div>星期六</div></td>");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>07月04日</div><div>星期日</div></td>");
    document.writeln("        <td colspan=\"2\" class=\"title\"><div>07月05日</div><div>星期一</div></td>");
    document.writeln("    </tr>");
    document.writeln("    <tr align=\"center\">");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("        <td>上午</td><td>下午</td>");
    document.writeln("    </tr>");
    document.writeln("    <tr align=\"center\">");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("        <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
    document.writeln("    </tr>");
    document.writeln("    <tr>");
    document.writeln("        <td colspan=\"14\">请选择挂号的时间!</td>");
    document.writeln("    </tr>");
    document.writeln("</table>");
    </script>
      

  3.   

    用jquery吧,可以直接写html代码,直接加进去就可以了