Php 选中复选框后如何添加隐藏文本区域

我在自定义一个生成的php时遇到了问题，我想在其中显示隐藏的文本字段，用户可以在选中复选框后输入数据

[ ] Data A
[x] Data B  [Text Field Area for User to keyin]
[ ] Data C

复选框数据是从如下表中提取的

<tr>
    <td class="ewTableHeader">
      <span>Damaged Item</span>
    </td>
    <td class="ewTableAltRow">
      <span id="cb_x_DamagedItem">
        <?php
          $sSqlWrk = "SELECT `DamegeItemID`, `DamageItemDesc` FROM `acc_damageitem`";

          $rswrk = phpmkr_query($sSqlWrk,$conn) or die("Failed to execute query at line " . __LINE__ . ": " . phpmkr_error($conn) . '<br>SQL:' . $sSqlWrk);

          $x_DamagedItemChk = "";
          $rowcntwrk        = 0;
          $rowswrk          = phpmkr_num_rows($rswrk)-1;

          while ($datawrk = phpmkr_fetch_array($rswrk)) 
          {
            $x_DamagedItemChk .= RenderControl($rowswrk, $rowcntwrk, 1, 1);
            $ar_x_DamagedItem  = explode(",", @$x_DamagedItem);

            $x_DamagedItemChk .= "<input type=\"checkbox\" name=\"x_DamagedItem[]\" value=\"" . htmlspecialchars(@$datawrk[0]) . "\"";

            foreach ($ar_x_DamagedItem as $cnt_x_DamagedItem) 
            {
              if ($datawrk[0] == trim($cnt_x_DamagedItem)) 
              {
                $x_DamagedItemChk .= " checked";
                break;
              }
            }
            $x_DamagedItemChk .= ">" . $datawrk[1] . RenderControl($rowswrk, $rowcntwrk, 1, 2);

            $rowcntwrk++;
          }
          echo $x_DamagedItemChk;
        ?>
      </span>
    </td>
</tr>

残品

---

非常感谢您的建议。提前感谢。

如果可以使用CSS，则可以在未选中复选框时隐藏文本区域

<style>
  input:not(:checked) ~ textarea {
    display: none;
    //or visibility: hidden;
  }
</style>
<input type="checkbox">
Data A
<textarea></textarea>
<input type="checkbox">
Data B
<textarea></textarea>
<input type="checkbox">
Data C
<textarea></textarea>

输入：未（：选中）~textarea{
显示：无；
//或可见性：隐藏；
}
数据A
数据B
数据C

---

您可以使用js将其隐藏并在检查时显示，或者使用js再次检查时通过ajax将其加载。这需要使用JavaScript完成。您是否尝试过使用JavaScript代码来实现这一点？