PHP / HTML - 文本框只读，直到单击复选框

Question

我创建了一个简单的PHP表单，在postgres表中搜索与＆＃34; RA＆＃34;相关的记录。编号并将该记录的相应数据发布到页面上。它看起来像这样：

我想要做的是在每个文本字段旁边添加一个复选框，以便显示的信息被冻结/灰显，直到用户点击它为止，此时我希望他们能够编辑信息。

到目前为止，这是一段剪辑代码：

<?php
$db = pg_connect("host=192.172.0.5 port=5432 dbname=ranumberdb user=user password=password");
$result = pg_query($db, "SELECT * FROM radio_program.radio_programs where rai_number = '$_POST[ranumber]'");
$row = pg_fetch_assoc($result);
if (isset($_POST['submit']))
{
echo "<ul>
   <form name='update' action='index.php' method='POST'>
    <li>RA Number:</li>
    <li><input type='text' name='ranumber_updated'
        value='$row[rai_number]' /></li>
    <li>Carrier Format:</li>
    <li><input type='text' name='carrier_format_updated'
        value='$row[carrier_format]' /></li>
    <li>Physical Location:</li>
    <li><input type='text' name='physical_location_updated'
        value='$row[physical_location]' /></li>
    <li>Brand Title:</li>
    <li><input type='text' name='brand_title_updated'
        value='$row[brand_title]' /></li>
    <li>Recording Artist:</li>
    <li><input type='text' name='recording_artist_updated'
        value='$row[recording_artist]' /></li>
    <li>Producer:</li>
    <li><input type='text' name='producer_updated'
        value='$row[producer]' /></li>
    <li>Session:</li>
    <li><input type='text' name='session_updated'
        value='$row[session]' /></li>
    <li>TX Date:</li>
    <li><input type='text' name='tx_date_updated'
        value='$row[tx_date]' /></li>
    <li>Network:</li>
    <li><input type='text' name='network_updated'
        value='$row[network]' /></li>
    <li>Programme Sub Category:</li>
    <li><input type='text' name='programme_sub_category_updated'
        value='$row[programme_sub_category]' /></li>
    <li>Programme Category:</li>
    <li><input type='text' name='programme_category_updated'
        value='$row[programme_category]' /></li>

?>

如何在不大幅改变我已经完成的工作的情况下添加此功能？

干杯！