php - 通过取消选中复选框将空值设置为文本字段

Question

我有一个带有 2 个文本字段的表单，它们触发了一个 jquery 日期选择器。

我想通过取消选中相同形式的复选框来为两个文本字段设置空值。

文本字段是：

<?php 
   if ($_GET["arrival"]== "") 

   echo ' 
   <label for="arrival">Arrival </label>
   <input type="text" name="arrival" class="w8em format-d-m-y highlight-days-67 range-low-today" id="arrival" value="Select Date"/> ';

   else

   echo ' 
   <label for="arrival">Arrival </label>
   <input type="text" name="arrival" class="w8em format-d-m-y highlight-days-67 range-low-today" id="arrival" value="' . $_GET["arrival"] . '"/> '; 
   ?>

<?php

   if ($_GET["departure"]== "") 

   echo ' 
   <label for="departure">Departure </label>
   <input type="text" name="departure" class="w8em format-d-m-y highlight-days-67 range-low-today" id="departure" value="Select Date"/> ';  

    else

    echo ' 
    <label for="departure">Departure </label>
    <input type="text" name="departure" class="w8em format-d-m-y highlight-days-67 range-low-today" id="departure" value="' . $_GET["departure"] . '"/> '; 
    ?>

复选框是：

<input name="avail" type="checkbox" id="avail"
                 <?php if ($_GET["avail"]== "1") echo "checked=\"checked\""; ?>
                 value="1" />

我想通过取消选择它来为文本字段设置空值。

Answer 1

您可以使用 jquery 使其正常工作。

复选框 onclick event，您可以为文本字段设置空值。

<script>
        function empty()
        {
           if($("#avail:checked").length > 0)
           {
              $('#arrival').val('');
              $('#departure').val('');
           }
        }
</script>

在复选框上添加 onclick 事件

<input name="avail" type="checkbox" id="avail"
             <?php if ($_GET["avail"]== "1") echo "checked=\"checked\""; ?>
             value="1" onclick="empty();"/>