2017-09-20 11 views
0

ページには約40個のチェックボックスがあります。彼らの最後だけが私のアンドロイドブラウザで動作します。私のPC(Internet explorer、chrome、Firefox)ではすべて正常に動作します。一部のチェックボックスは機能しません(HTML、PHP)

こちらを参照してください:ここで stufentheorie.de/tonart-bestimmen.html

コードは次のとおりです。

<form action='' method='post' role='form'> 

<div class="row"> 
    <div class="col-md-4"> 
<p>&nbsp;</p> 
<h3>Dur-Akkorde</h3> 

<? 
$i = "0"; 
foreach ($toene as $ton) 
{ 
    $wert = $ton . " " . $geschlecht[0]; 
    $ch = ''; 
    if (is_array($input_chord) == true) 
    { 
     if (in_array($wert, $input_chord)) 
     { 
      $ch = " checked=\"checked\""; 
     } 
    } 
    echo "<span style=\"width:120px;display:block;float:left;\"><input type=\"checkbox\" name=\"akkord[".$wert."]\" value=\"" . $wert . "\"" . $ch . "> " . $wert . " </span>"; 
    $i ++; 
    if ($i % 6 == 0) 
    { 
     echo ""; 
    } 


} 

?> 

</div> 
    <div class="col-md-4"> 
<br style="clear:left;" /> 
<h3>Moll-Akkorde</h3> 



<? 
$i = "0"; 
foreach ($toene as $ton) 
{ 
    $wert = $ton . " " . $geschlecht[1]; 
    $ch = ''; 
    if (is_array($input_chord) == true) 
    { 
     if (in_array($wert, $input_chord)) 
     { 
      $ch = " checked=\"checked\""; 
     } 
    } 
    echo "<span style=\"width:120px;display:block;float:left;\"><input type=\"checkbox\" name=\"akkord[".$wert."]\" value=\"" . $wert . "\"" . $ch . "> " . $wert . " </span> "; 
    $i ++; 
    if ($i % 5 == 0) 
    { 
     echo ""; 
    } 


} 

?> 
</div> 
    <div class="col-md-4"> 
<br style="clear:left;" /> 
<h3>Verminderte Akkorde</h3> 



<? 
$i = "0"; 
foreach ($toene as $ton) 
{ 
    $wert = $ton . " " . $geschlecht[2]; 
    $ch = ''; 
    if (is_array($input_chord) == true) 
    { 
     if (in_array($wert, $input_chord)) 
     { 
      $ch = " checked=\"checked\""; 
     } 
    } 
    echo "<span style=\"width:120px;display:block;float:left;\"><input type=\"checkbox\" name=\"akkord[".$wert."]\" value=\"" . $wert . "\"" . $ch . "> " . $wert . " </span> "; 
    $i ++; 
    if ($i % 3 == 0) 
    { 
     echo ""; 
    } 


} 

?> 
</div></div> 

<br /> <br /> 

<div class="col-md-4 col-md-offset-4"><input type='submit' class='btn btn-block btn-lg btn-theme' value='Tonart bestimmen'/></div></form> 

なぜブラウザは、最後のチェックボックス "verminderte Akkorde" で動作しますか?

すべてのチェックボックスのコードはまったく同じです。

ありがとうございました!

+0

「仕事」を開発者の言葉で説明してください。正確に何が起こるか、起こらないか? – Calimero

+0

最初のチェックボックスは選択できません。最後のものだけが選択可能です。 – Tirenty2

+0

私が言うことができる限り、あなたは大量のものを作っていますが、すべてが同じ名前 - 「akkord []」です。 '[]'配列部分に何かを入れて、各チェックボックスの名前を異ならせるようにしてください。 – Skrrp

答えて

1

それは単にスパンのスタイルプロパティを削除私は"width:120px;display:block;float:left;を取り除き、

<div class="row"> 
<div class="col-md-4"> 
    <span style=""><input type="checkbox" name="akkord[]" value="C dur"> C 
    dur </span> 
</div> 
<div class="col-md-4"> 
    <span style=""><input type="checkbox" name="akkord[]" value="Cis dur"> 
    Cis dur </span> 
    </div> 
<div class="col-md-4"> 
     <span style=""><input type="checkbox" name="akkord[]" value="Des 
     dur"> Des dur </span> 
</div> 
</div> 

か、他

ようcol-md-4

で各スパンに作られた位置

に問題がそれシーム幅と位置を固定するための応答クラスを追加する

関連する問題