javascript - 仅当选中该复选框时才显示文本框，如果不选中则不将该字段保存到数据库中

Question

抱歉英语语法，不是我的母语。

我想仅在选中复选框时显示文本框。所以，我有这个代码:

HTML

<table>
    <tr>
        <td>
            <input type = "checkbox" id="NCFtxt" onclick="obtenerNCF()"> Marcar casilla para generar Comprobante Fiscal
         </td>
    </tr>
    <tr>
        <td>
            NCF: <input readonly="readonly" name= "txtNCF" type= "text" id= "txtNCF" value= "<?php echo $cobro->ncf; echo $ncf; ?>" />
        </td>
    </tr>
</table>  

JavaScript

<script language="javascript">
$("#txtNCF").hide();

function obtenerNCF() { 
  var chequear = document.getElementById("NCFtxt");    

  if (chequear.checked == true){
  $("#txtNCF").show();

  } else {
    $("#txtNCF").hide();
  }
}
</script>

所以，这是“有效的”，在选中复选框时隐藏字段，但仍将数据保存在数据库中。我该如何做才能既隐藏字段，又不保存到数据库中？我尝试了一些东西，但没有成功，这看起来很简单，但它让我感到困惑

Answer 1

如果您不想基于复选框保存某些内容...请查看 $_POST 复选框是否有值(如果没有，则未选中)。然后保存或不保存额外的数据。

为复选框指定名称和值:

<input type="checkbox" name="NCFtxt_checkbox" value="1" id="NCFtxt" onclick="obtenerNCF()">

在 PHP 中查找它:

if ( empty($_POST['NCFtxt_checkbox']) ) {
    // dont save extra data 
} else {
    // else do save the extra data
}

第二种解决方案是使用大量 JavaScript，当取消选中该复选框时，您会在隐藏另一个文本框时清除它的内容。这样一来，它就会以“空”的形式开始提交。