скрипт, не работающий на веб-сайте android.com

Question

Я использую wordpress для создания сайта и создаю скрипт, где люди могут выбрать переключатель и еще один выбор. Но сценарий не работает на стандартном браузере Android, что я сделал неправильно?

Так что это HTML форма:

<form id='form-id' action="http://trainingzuid.nl/wp-content/php/mail.php" method="post"> 
<table> 
<tbody> 
<tr> 
    <td><input id='pt' name='test' type='radio' /> personal training</td> 
    <td><input id='gt' name='test' type='radio' /> group training</td> 
    <td><input id='bt' name='test' type='radio' /> both</td> 
</tr> 
<tr> 
<td><div id='pur' style='display:none'>Purpose:</div></td> 
</tr> 
<tr> 
<td><div id='gf' style='display:none'><input type='radio'> general fitness</input></div></td> 
<td><div id='lw' style='display:none'><input type='radio' /> losing weight</div></td> 
<td><div id='bt1' style='display:none'><input type='radio' /> both</div></td> 
</tr> 
<tr> 
<td><div id='kb' style='display:none'><input type='radio'> kickboksen</input></div></td> 
<td><div id='b' style='display:none'><input type='radio' /> boksen</div></td> 
<td><div id='kkb' style='display:none'><input type='radio' /> kids kickbosen</div></td> 
</tr> 
<tr> 
<td><div id='bf' style='display:none'><input type='radio'> ballet fitness</input></div></td> 
<td><div id='ch' style='display:none'><input type='radio' /> cross hit</div></td> 
<td><div id='t6' style='display:none'><input type='radio' /> training 6</div></td> 
</tr> 
<tr> 
<td><div id='t7' style='display:none'><input type='radio'> training 7</input></div></td> 
<td><div id='t8' style='display:none'><input type='radio' /> training 8</div></td> 
<td><div id='t9' style='display:none'><input type='radio' /> training 9</div></td> 
</tr> 
<tr> 
    <td><p><input type="text" name="name" placeholder="First and last name"></p></td> 
    <td><p><input type="text" name="email" placeholder="e-mail adress"></p></td> 
</tr> 
<tr> 
    <td><p><input type="text" name="phone" placeholder="Phonenumber"></p></td> 
    <td><p><input type="text" name="message" placeholder="additional message"></p></td> 
</tr> 
</tbody> 
</table></center> 
    <center><input type="submit" value="Submit"></center> 
</tbody> 
</table> 

Вот JS скрипт:

$('#form-id').change(function() { 
    if ($('#pt').attr('checked')) { 
     $('#pur').show(); 
     $('#gf').show(); 
     $('#lw').show(); 
     $('#bt1').show(); 
    } else { 
     $('#pur').hide(); 
     $('#gf').hide(); 
     $('#lw').hide(); 
     $('#bt1').hide(); 
    } 
    if ($('#gt').attr('checked')) { 
     $('#pur').show(); 
     $('#kb').show(); 
     $('#b').show(); 
     $('#kkb').show(); 
     $('#bf').show(); 
     $('#ch').show(); 
     $('#t6').show(); 
     $('#t7').show(); 
     $('#t8').show(); 
     $('#t9').show(); 
    } else { 
     $('#pur1').hide(); 
     $('#kb').hide(); 
     $('#b').hide(); 
     $('#kkb').hide(); 
     $('#bf').hide(); 
     $('#ch').hide(); 
     $('#t6').hide(); 
     $('#t7').hide(); 
     $('#t8').hide(); 
     $('#t9').hide(); 
    } 
    if ($('#bt').attr('checked')) { 
     $('#pur').show(); 
     $('#gf').show(); 
     $('#lw').show(); 
     $('#bt1').show(); 
    } else { 
     $('#pur2').hide(); 
     $('#gf1').hide(); 
     $('#lw1').hide(); 
     $('#bt12').hide(); 
    } 
}); 

Я нашел много скриптов, но это был единственный рабочий один на моей теме с WordPress.

THNX за помощь!

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.