php - 选中复选框后如何添加隐藏的文本区域

Question

我在自定义生成的 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>

非常感谢您的任何建议。提前致谢。

Answer 1

如果您可以使用 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>

http://jsbin.com/ozucoj/1/