php之遍历表格，简直牛的一批 - PHP-基础

首页 > 博客列表 > php之遍历表格，简直牛的一批

博主信息

博文 65

粉丝 3

访问量 66202

专题推荐

更多>

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>数字表格</title>	
	<style type="text/css">
		div * {
			text-align: center;
		}
	</style>
</head>
<body>
		<fieldset>
			<legend>请大哥输入</legend>
			标题: <input type="text" id="txt"><br>
			行数: <input type="number"><br>
			列数: <input type="number"><br>
			<br>
			<button>生成</button>
			<button>重置</button>
		</fieldset>	
	<div></div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(function(){
	//初始化
	var fage=true

	//点击
	$('button:first').click(function()
	{
		if($('#txt').val().length == 0){
			alert('请大哥输入标题，谢谢！')
			$(this).val(' ')
			$(this).focus()
			return false

		}

		$('input[type="number"]').each(function(index,msg){
			//空与非数字判断
		if($(msg).val().length==0){
			alert('请大哥输入数字，谢谢！')
			$(this).val(' ')
			$(this).focus()
			return false
		}
		})

		if(fage == true){
	        $.ajax({
	        	//地址 php脚本文件 url:"dome.php",
	            url:"dome.php",
	            //数据
	            data:{name:$('input[type="text"]').val(),
	        		  rows:$('input[type="number"]').first().val(),
	        		  cols:$('input[type="number"]').last().val()},
	            type:"GET",//请求方法
	            success:function(data){
	                $('div').after(data)
	            }

	        })

	       fage = false 

       }
	})

	$('button:last').click(function(){

		$("input[type]").val(' ')
		$('table').remove() 

		fage=true

		$('#txt').focus()

	})
})	
</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

//将下边的代码复制到一个文件如 dome.php

实例


<?php
if($_SERVER['REQUEST_METHOD'] == 'GET'){
	if(!empty($_GET['rows']) && !empty($_GET['cols'])){
		$cols = $_GET['rows'];
		$rows = $_GET['cols'];
		$name = $_GET['name'];

		
		$table = '<table border="1" cellspacing="0" cellpadding="2" align="center" width="75%">';
		//标头
		$table .='<caption><h3>'.$name.'</h3></caption>';
		//标题
		$table .='<tr align="center">' ;
		for($i = 0; $i < $cols; $i++ ){
			$table .= "<th>无</th>";
		}
		$table .="</tr>" ;
		//表格
		for($p = 0; $p < $rows; $p++ ){
			$table .="<tr>" ;
			for($k = 0; $k < $cols; $k++ ){
				$data = $p*$cols+$k;
				$table .= "<td>{$data}</td>";
			}
			$table .="</tr>" ;

		}

		$table .= "</table>";
		echo $table;
		exit();
	}
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

批改状态：合格

老师批语：