Question

我正在尝试在选中复选框时启用文本框，我的编码就像我想要的那样。单击提交按钮后，它将检查整个表单，并为每个未填充的空字段提供错误信息，并将剩余信息保留在已填写的每个字段中。问题是，当选中复选框，启用文本框并填写后，按下提交按钮后（当所有必填字段未完成时），文本框将被禁用并保留值。

以下是我目前使用的编码：

<input type="checkbox" name="chklist" onchange="document.getElementById('txtOthers').disabled = !this.checked;" <?php if(isset($_POST['btnSubmit']) && isset($_POST['chklist'])) echo "checked" ?> /> OTHERS : 
    <input style="width: 130px;" type="textbox" id="txtOthers" name="txtOthers" disabled value="<?php echo $others;?>" />

Answer 1

您可以使用jQuery执行此操作：

<input type="checkbox" name="chklist" id="checkbox" <?php if(isset($_POST['btnSubmit']) && isset($_POST['chklist'])) echo "checked" ?> /> OTHERS : 
<input style="width: 130px;" type="textbox" id="txtOthers" name="txtOthers" disabled value="<?php echo $others;?>" />

$(document).ready(function(){
    $("#checkbox").change(function(){
        if ($('input.checkbox_check').is(':checked')) {
           $(#txtOthers).show();
        }else{
           $(#txtOthers).hide();
        }
    });
    $("form").submit(function() {
        $("#txtOthers").prop('disabled', true);
     });
});

勾选复选框时启用文本框 - php

1 个答案: