2016-08-01 52 views
-1

工作,我使用WordPress做一個網站,並做了一個腳本,人們可以選擇一個單選按鈕和一個以上的選擇出現了。但該腳本不工作在Android網絡瀏覽器我做了什麼錯劇本不是我的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的所有幫助!

+0

什麼地球是這個哈哈:)))你不能先重構你的代碼? – madalinivascu

+0

你有什麼錯誤在控制檯? – madalinivascu

+0

不是什麼「不工作」,但你可以嘗試'is(':checked')'但我投票結束,因爲**問題沒有明確的問題陳述**對其他讀者沒有用。 – Pete

回答

0

如果您在Android設備上使用Chrome瀏覽器,則應該獲得與桌面版本相同的結果。嘗試其他設備,瀏覽器,看看你是否遇到同樣的問題。