javascript - 检查文本输入是否不为空

Question

我确实有一个复选框和输入字段，在检查复选框后启用。我想要的是当用户想要编辑记录时使输入字段已启用。意味着在用户选中复选框并填写输入后以及提交后，如果他想修改它，字段应该已经启用。

我在 javascript 中有什么:

    $(document).ready(function () {
        $('.checkbox').change(function() {
          $(this).parent().next().find('.field').prop('disabled', !$(this).is(':checked'))
        });
    });

和展开的复选框:

    <div class="row">
        <div class="small-8 large-8 columns">
        <label>Process: <small style="color:red;">*</small>         
            <div class="multiselect">               
                <div class="selectBox" onclick="showCheckboxes()">
                <select onclick="showCheckboxes()">
                    <option>-- Select an option --</option>
                </select>
                <div class="overSelect"></div>
                </div>
                <div class="scrollable" id="checkboxes">
                <?php 
                    while ($row = mysqli_fetch_array($result))
                    {
                        $row[0] = cleanOutputData($row[0]);

                        if(isset($process))
                        {
                            foreach($process as $code)
                            {
                                if($row[0] == $code)
                                {
                                    $match = 1;
                                    break;
                                }
                                else
                                    $match = 0;
                            }
                        }
                        if(isset($requiredNo) && isset($process))
                        {
                            foreach($process as $key => $code)
                            {
                                if($row[0] == $code && $requiredNo[$key] != 0)
                                {
                                    $match4 = 0;
                                    break;
                                }
                                else
                                    $match4 = 1;
                            }
                        }                           
                ?>  
                    <div class="row">
                        <div class="small-12 large-12 columns">
                        <label style="height: 37px; width:80%; float:left;" >
                        <input type='checkbox' class="checkbox" style="margin-left:5%; width:15%;" name='process[]' id=<?php echo $row[0] ?>  value="<?php echo $row[0] ?>" <?php if (isset($process) && $match==1) echo 'checked="checked"' ?>/><?php echo $row[0] ?>
                        </label>

                        <label style="width:40%; margin-left:60%;">
                        <input type="text" class="field" disabled style="width:40%;" name="numberpl" id="<?php echo $row[0] ?>" value= "<?php if (isset($requiredNo) && $match4==0) echo $requiredNo[$key] ?>" required/>
                        </label>
                        </div>
                    </div>

                <?php
                    }
                    mysqli_free_result($result);
                ?>  
                </div>
            </div>
        </label>
        </div>
    </div>

所以问题是如果字段不为空，我如何启用该字段？谢谢

Answer 1

您可以尝试在完成加载时触发复选框:

$(document).ready(function () {
        $('.checkbox').change(function() {
          $(this).parent().next().find('.field').prop('disabled',!$(this).is(':checked'));
        });
$('.checkbox').trigger('change');
});