2016-12-26 191 views
-1

我在PHP表就是这样插入表格插入表

enter image description here

我想这样的PHP代码中添加动态代码,当我们选择单选按钮的顶部和右边的角落,然后按提交键应该在所选的十字架中看到明星。

enter image description here

帮我please.Your支持将不胜感激!

<?php 
echo "<table border =1>"; 
for ($i=1;$i<=7;$i++) { 
echo"<tr></tr>"; 
for($j=1;$j<=6;$j++){ 
    echo"<td width='30'height='30'></td>"; 
}} 
+0

你似乎有2个问题。 1:你想要的html。 2:如何在PHP中生成它。从解决问题开始1.问题1的提示是在表格中包含表格。 – Aaron

回答

2

如果你想动态操作html元素,那么你需要去为JavaScript而不是php。一些jQuery的帮助下,我们可以建立你的表制度,按照代码波纹管:

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 
<body> 
<?php 
// Initialize table markup buffer 
$table_markup = "<table border='1'>"; 

// Itinerate rows 
for ($i = 1; $i <= 7; $i++) { 
    $table_markup .= "<tr>"; 

    // Itinerate columns 
    for ($j = 1; $j <= 6; $j++) { 

     // Define Cell ID 
     $td_id = "cell-".$j.$i; 

     // Create Cell content 
     if($i == 1 && $j <> 1){ // Radios for first row, ignore first cell 
      $radio_value = "radio-top-".$j; 
      $td_content = "<input type='radio' name='top' value='".$radio_value."'/>"; 
      $td_class = ""; 
     }else if($j == 1 && $i <> 1) { // Radios for first column, ignore first cell 
      $radio_value = "radio-right-".$i; 
      $td_content = "<input type='radio' name='right' value='".$radio_value."'/>"; 
      $td_class = ""; 
     }else{ 
      $td_content = ""; 
      $td_class = "noradio"; 
     } 

     // Put Cell on table row 
     $table_markup .= "<td id='".$td_id."' class='".$td_class."' width='30'height='30'>".$td_content."</td>"; 
    } 
    $table_markup .= "</tr>"; 
} 

// Finalize table markup buffer 
$table_markup .= "</table>"; 
?> 

<?php echo $table_markup; // Use this anywhere you want to show your table ?> 

<script type="text/javascript"> 
    // This is the jquery code that does your dynamic manipulations 

    // When click on any radio button 
    $("input[type=radio]").click(function(){ 
     // Obtain the value of the checkeds top and right radios 
     var top_val = $("input[name=top]:checked").val(); 
     var right_val = $("input[name=right]:checked").val(); 

     // If both are checked 
     if(top_val && right_val){ 
      // Get their number 
      var top_number = top_val.replace("radio-top-", ""); 
      var right_number = right_val.replace("radio-right-", ""); 

      // Mount cell id for search 
      var cell_id = "cell-"+top_number+right_number; 

      // Clean all cells that dont have radios 
      $("td.noradio").html(""); 

      // Mark found cell 
      $("td#"+cell_id).html("*"); 
     } 
    }); 
</script> 

</body> 
</html> 
+0

Thanky太多了。 – V1421