1

我目前有一个表格,可以专门询问用户以下企业的工作时间是我正在使用的。

<tr>
        <td colspan="2"><input type="radio" name="mon" value="1"> Monday with No Lunch Break</td>
        <td colspan="4"><input type="radio" name="mon" value="2"> Monday with  Lunch Break</td>
    </tr>
    <tr>
        <td>Start time :AM<input type="time"  name="mon_strt_1" class="hour_field"></td>
        <td>End time :PM<input type="time" name="mon_end_1" class="hour_field"></td>
        <td>Start time :AM<input type="time"  name="mon_strt_2a" class="hour_field"></td>
        <td>End time :AM<input type="time" name="mon_end_2a" class="hour_field"></td>
        <td>Start time :PM<input type="time" name="mon_strt_2b" class="hour_field"></td>
        <td>End time :PM<input type="time"  name="mon_end_2b" class="hour_field"></td>
    </tr>

如您所见,我问用户是否在周一有午休时间,如果是这样,他会填写正确的字段并单击单选按钮。我想就如何让用户更轻松地寻求任何帮助。一旦他进入一个时间范围,比如上午 8:00 到下午 6:00,然后将在提交后进入中午12:00 到下午 1:00的午休时间,将返回工作时间:上午 8:00 到下午 12:00,下午 2:00 到下午 6:00,这是我使用的插件的链接,但我无法以多种形式使用它。请注意,我还将时间设置为从星期二到星期五。然后坐下来晒太阳。

4

1 回答 1

0

非常简单。html和javascript:

<script>
function disablebreaks(disable){
    document.getElementsByName('break_strt')[0].disabled=disable;
    document.getElementsByName('break_end')[0].disabled=disable;
}
</script>
<form action="action.php" method="post">
<input type="radio" name="mon_break" value="false" onchange="disablebreaks(true)" />No break
<input type="radio" name="mon_break" value="true" onchange="disablebreaks(false)" />break
<input type="time" name="mon_strt" />
<input type="time" name="mon_end" />
<input type="time" name="break_strt" />
<input type="time" name="break_end" />
</form>

php 在 action.php 中:

<?php
echo $_POST['mon_break']?"working hrs: {$_POST['mon_strt']} to {$_POST['break_strt']}, {$_POST['break_end']} to {$_POST['mon_end']}":"working hrs: {$_POST['mon_strt']} to {$_POST['mon_end']}";
?>

这是未经测试的,如果发生错误,请告诉我。

于 2013-01-24T02:49:35.940 回答