Как узнать порядок и время выбора элементов HTML-формы?

Применение данной функции позволяет определить очередность выбора пунктов HTML-формы и время, затраченное на их заполнение.

Javascript-код:

1. <script type="text/javascript">/*<![CDATA[*/
2. /** 
3.  * Учет действий пользователя при заполнении HTML-формы
4.  * © 2004 Шильников Дмитрий <dev at wwwguru dot net>
5.  */
7. /* строка для отчета */
8. var g_clicktimes = "";
10. /* количество кликов */
11. var int_clicks = 0;
13. /* Узнаёт время */
14. function my_get_time() {
15.   var today = new Date();
16.   /* для последующей обработки скрипта на сервере
17.      достаточно результатов функции getTime()
18.      return today.getTime(); */
19.   var str = today.getHours();
20.   str += ":" + today.getMinutes();
21.   str += ":" + today.getSeconds();
22.   return str;
23. }
24. /* Формирует строку для отчета */
25. function my_save_times(n) {
26.   int_clicks++;
27.   /* отмечено или не отмечено */
28.   var str_checked = document.forms['qa'].elements[n].checked 
29.         ? 'check' 
30.         : 'uncheck';
31.   g_clicktimes += int_clicks + " - ";
32.   g_clicktimes += n + " - ";
33.   g_clicktimes += str_checked + " - ";
34.   g_clicktimes += my_get_time() + "\n";
35. }
36. /* Выводит отчет на экран */
37. function my_show_times() {
38.   document.forms['qa'].clicktimes.value = g_clicktimes;
39.   window.alert( document.forms['qa'].clicktimes.value );
40. }
41. /*]]>*/</script>

HTML-код:

1. <p>Выберите планируемые разделы сайта:</p>
2. <form name="qa" action="" method="post">
3.   <input onchange="my_save_times('qa[1]')" 
4.     type="checkbox" value="1" name="qa[1]" id="qa_1"/>
5.   <label for="qa_1">О фирме</label>
6.   <br />
7.   <input onchange="my_save_times('qa[2]')" 
8.     type="checkbox" value="1" name="qa[2]" id="qa_2"/>
9.   <label for="qa_2">Новости фирмы</label>
10.   <br />
11.   <input onchange="my_save_times('qa[3]')" 
12.     type="checkbox" value="1" name="qa[3]" id="qa_3"/>
13.   <label for="qa_3">Каталог товаров с описанием</label>
14.   <br />
15.   <input onchange="my_save_times('qa[4]')" 
16.     type="checkbox" value="1" name="qa[4]" id="qa_4"/>
17.   <label for="qa_4">Прайс-лист</label>
18.   <br />
19.   <input onchange="my_save_times('qa[5]')" 
20.     type="checkbox" value="1" name="qa[5]" id="qa_5"/>
21.   <label for="qa_5">Контактная информация</label>
22.   <br />
23.   <input type="hidden" name="clicktimes" value="" />
24.   <input type="submit" 
25.     onclick="my_show_times();return false" 
26.     value="Отправить" />
27. </form>