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您可以为textfield设置空值。

<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();"/>

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

1 个答案: