Javascript 在下面的场景中，如何实现复选框和文本字段的依赖关系？

我正在为我的网站使用PHP、Smarty、jQuery等。现在，该场景位于一个模板文件中，其中包含一些包含循环、复选框、文本字段等的代码。为了供您参考，我将从smarty模板中插入必要的代码片段，如下所示：

{foreach from=$subject_topic_data.topics item=topic_diff_level_data}
                            <input type="hidden" name="subject_{$subject_topic_data.subject_id}_topics[]" value="{$topic_diff_level_data.topic_id}">
                            <tr>
                              <td valign="middle">        
                                <p class="custom-form">
                                  <input type="checkbox" class="custom-check" name="{$sheet_type}_topics_{$subject_topic_data.subject_id}[]" id="{$sheet_type}_{$subject_topic_data.subject_id}_{$topic_diff_level_data.topic_id}" value="{$topic_diff_level_data.topic_id}"  {if in_array($topic_diff_level_data.topic_id, $practice_sheet_set_details[$subject_topic_data.subject_id].topics)}checked="checked"{/if}>
                                <label>{$topic_diff_level_data.topic_name}</label>
                                <!-- <input type="hidden" name="topic_names[{$topic_diff_level_data.topic_id}]" value="{$topic_diff_level_data.topic_name}">   -->
                                </p>                   
                              </td>
                              {foreach from=$topic_diff_level_data.difficulty_level item=diff_level key=key_diff_lvl}
                              <td valign="middle">                 
                              {if $site_id=='ENTPRM'}<em>Total {$diff_level.question_count}</em>{/if}
                                <input type="text" name="{$sheet_type}_{$subject_topic_data.subject_id}_{$topic_diff_level_data.topic_id}_{$key_diff_lvl}" id="{$sheet_type}_{$subject_topic_data.subject_id}_{$topic_diff_level_data.topic_id}_{$key_diff_lvl}"  maxlength="3" class="mini" value="{$diff_level.added_no_questions}">
                                <input type="hidden" name="{$sheet_type}_available_questions_{$subject_topic_data.subject_id}_{$topic_diff_level_data.topic_id}_{$key_diff_lvl}" value="{$diff_level.question_count}">
                              </td>
                              {/foreach}               
                            </tr>
                            {/foreach}

{foreach from=$subject\u topic\u data.topics item=topic\u diff\u level\u data}

{$topic\u diff\u level\u data.topic\u name}

{foreach from=$topic_diff_level_data.diffness_level item=diff_level key=key_diff_lvl}
{if$site_id='ENTPRM'}总计{$diff_level.question_count}{/if}
{/foreach}
{/foreach}

---

从上面的代码来看，我想要实现的是，当用户选中subject的复选框时，相关的主题文本字段应该被启用。最初，当页面加载所有主题的所有tesxtfields时，应禁用。你能帮我实现这个目标吗？如果你需要更多的信息，我也可以提供给你。提前感谢。

客户端：

{foreach from=$subject_topic_data.topics item=topic_diff_level_data}
<input type="hidden" 
        name="subject_{$subject_topic_data.subject_id}_topics[]" 
        value="{$topic_diff_level_data.topic_id}">
<tr>
    <td valign="middle">        
        <p class="custom-form">

<script type=text/javascript>
function subject_selection(/* pass the selection here */){
    var check= document.getElementById('subject_selection');
    if (check.checked){

Javascript:

{foreach from=$subject_topic_data.topics item=topic_diff_level_data}
<input type="hidden" 
        name="subject_{$subject_topic_data.subject_id}_topics[]" 
        value="{$topic_diff_level_data.topic_id}">
<tr>
    <td valign="middle">        
        <p class="custom-form">

<script type=text/javascript>
function subject_selection(/* pass the selection here */){
    var check= document.getElementById('subject_selection');
    if (check.checked){

---

主题文本字段应启用

禁用的输入在哪里？建议：请把生成的html放在客户端或服务器端，这样会更好？