Question

我使用wordpress创建一个网站，并创建了一个脚本，人们可以选择一个单选按钮，而另一个选项显示出来。但脚本不能在Android互联网浏览器上工作我做错了什么

以下是表格：

<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浏览器，则应获得与桌面版相同的结果。尝试其他设备，浏览器，看看你是否遇到同样的问题。

脚本无法在我的Android浏览器上运行

1 个答案: