スクリプトは私のアンドロイドブラウザでは動作しません

Question

私はwordpressを使ってサイトを作り、人々がラジオボタンを選択して1つ以上の選択肢が現れるスクリプトを作りました。しかし、このスクリプトは、私がここで間違って

をしましたどのようなアンドロイド、インターネットブラウザ上で動作していない形式は次のとおりです。

<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コード：

<script> 
$('#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(); 
    } 
}); 
</script> 

私は、スクリプトの多くが見つかりましたが、このwordpressで私のテーマで働いていたのは唯一の人でした。

THNXのすべてのヘルプ！

Answer 1

Android搭載端末でChromeブラウザを使用している場合は、デスクトップ版と同じ結果が得られます。他のデバイスやブラウザを試してみて、同じ問題が発生していないかどうか確認してください。