チェックボックスが選択させない

質問

PHP smartyで4×6のチェックボックスのリストを表示しています。
しかし、上の２行（8つのチェックボックス）が、
初期表示から3分以上たたないと、選択できない状態になります。
ブラウザはIE6.0です。
原因が不明の状態です。どのようにすればよろしいでしょうか。

Mozilla Firefox2.0では正常に動作します。

<table border=0 class="tabledetails">
<{section name="index" loop=$data start="0" step="1" max="10"}>
<tr>
<th>
<{$data[index].name_1}>
</th>
<td>
<{if $data[index].name_1 <> '' }>

<{if ($curentview == 'CHECK' or (($modeid == 'SERH1') or ($modeid == 'SERH2') or ($modeid == 'SERH3') or ($modeid == 'SERH4'))) }>
<input type="hidden" name='code_<{$data[index].code_1}>' <{if $data[index].name_1_flg}>value='on'<{/if}> >
<{if $data[index].name_1_flg}><img src="./images/reten.png" /><{/if}>
<{else}>
<input type="checkbox" name='code_<{$data[index].code_1}>' <{if $data[index].name_1_flg}>CHECKED<{/if}> >
<{/if}>

<{/if}>
</td>
<th>
<{$data[index].name_2}>
</th>
<td>
<{if $data[index].name_2 <> '' }>

<{if ($curentview == 'CHECK' or (($modeid == 'SERH1') or ($modeid == 'SERH2') or ($modeid == 'SERH3') or ($modeid == 'SERH4'))) }>
<input type="hidden" name='code_<{$data[index].code_2}>' <{if $data[index].name_2_flg}>value='on'<{/if}> >
<{if $data[index].name_2_flg}><img src="./images/reten.png" /><{/if}>
<{else}>
<input type="checkbox" name='code_<{$data[index].code_2}>' <{if $data[index].name_2_flg}>CHECKED<{/if}> >
<{/if}>

<{/if}>
</td>
<th>
<{$data[index].name_3}>
</th>
<td>
<{if $data[index].name_3 <> '' }>

<{if ($curentview == 'CHECK' or (($modeid == 'SERH1') or ($modeid == 'SERH2') or ($modeid == 'SERH3') or ($modeid == 'SERH4'))) }>
<input type="hidden" name='code_<{$data[index].code_3}>' <{if $data[index].name_3_flg}>value='on'<{/if}> >
<{if $data[index].name_3_flg}><img src="./images/reten.png" /><{/if}>
<{else}>
<input type="checkbox" name='code_<{$data[index].code_3}>' <{if $data[index].name_3_flg}>CHECKED<{/if}> >
<{/if}>

<{/if}>
</td>
<th>
<{$data[index].name_4}>
</th>
<td>
<{if $data[index].name_4 <> '' }>

<{if ($curentview == 'CHECK' or (($modeid == 'SERH1') or ($modeid == 'SERH2') or ($modeid == 'SERH3') or ($modeid == 'SERH4'))) }>
<input type="hidden" name='code_<{$data[index].code_4}>' <{if $data[index].name_4_flg}>value='on'<{/if}> >
<{if $data[index].name_4_flg}><img src="./images/reten.png" /><{/if}>
<{else}>
<input type="checkbox" name='code_<{$data[index].code_4}>' <{if $data[index].name_4_flg}>CHECKED<{/if}> >
<{/if}>

<{/if}>
</td>
</tr>

<{/section}>

</table>

回答No.2

noname#119012 · ベストアンサー

ANo.1です。

つまりHTMLが完全に読み込まれていないから押せないという可能性は無いわけですね。(ちなみにdisabled状態になっているのでしょうか？)
firefoxで出力されたHTMLとieで出力されたHTMLもdiffで一致なのですよね。。。
うーむ。

提示頂いたHTMLを自分のPC(IE6)で試してみましたが再現しませんでした。
その他のソースが影響しているのでしょうかね。。
自分なら・・・
単純な手ですが、ある部分を消して試して、別の部分を消して試して・・・で絞り込むかな・・・。

自分の経験値ではここが限界のようです。
力になれずに申し訳ございません。頑張ってください。

回答No.3

steel_gray

たぶん、私にはわからないけど
Javascriptのカテゴリに投稿しているという事は何かJavascriptが関係している？
classが付いているという事はcss(ファイルの読み込み)が関係している？

解決するまで「何か」を削って試していくと何が問題かわかるかも・・・しれないですね。

回答No.1

noname#119012

経験５年目のWEB系エンジニアです。が、PHP歴は浅いです。
なので的確な事は言えないと思いますのでご参考程度にお願いします。

自分も経験がありますが、
IEでは上手く表示されるのにFireFoxでは・・・というのはままありますね＾＾；
逆もありますが。

出力されたHTMLの文法に間違いはないのですよね？

まずは文法チェッカなどを使ってW3Cの規約に沿っているか確認してみては如何でしょう。
大体のブラウザは基本的にW3Cに沿って作られていると思うので。

あと念のためですが、画面上に出ている不都合はサーバでPHP→HTMLに変換されて返ってきたHTMLを再現した結果です。
なのでデバッグを進めるにあたり、最初に気にすべきは出力されたHTMLになると思います。

３分・・・とのことですので、
３分経たない時点でのHTMLと、
３分経過後のHTMLをdiffしてみるのも解決の手口になるかもしれません。

補足

３分たった状態でも、同じHTMLになると思います。
以下、サーバーから出力したHTMLです。
文法の調べましたが、問題ないようです。

<table border=0 class="tabledetails">

<tr>
<th>
あ
</th>
<td>
<input type="checkbox" name='code_1' >
</td>
<th>
い
</th>
<td>
<input type="checkbox" name='code_2' >
</td>
<th>
う
</th>
<td>
<input type="checkbox" name='code_3' >
</td>
<th>
え
</th>
<td>
<input type="checkbox" name='code_4' >
</td>
</tr>

<tr>
<th>
お
</th>
<td>
<input type="checkbox" name='code_5' >
</td>
<th>
か
</th>
<td>
<input type="checkbox" name='code_6' >
</td>
<th>
き
</th>
<td>
<input type="checkbox" name='code_7' >
</td>
<th>
く
</th>
<td>
<input type="checkbox" name='code_8' >
</td>
</tr>

<tr>
<th>
け
</th>
<td>
<input type="checkbox" name='code_9' >
</td>
<th>
こ
</th>
<td>
<input type="checkbox" name='code_10' >
</td>
<th>
さ
</th>
<td>
<input type="checkbox" name='code_11' >
</td>
<th>
し
</th>
<td>
<input type="checkbox" name='code_12' >
</td>
</tr>

<tr>
<th>
す
</th>
<td>
<input type="checkbox" name='code_13' >
</td>
<th>
せ
</th>
<td>
<input type="checkbox" name='code_14' >
</td>
<th>
そ
</th>
<td>
<input type="checkbox" name='code_15' >
</td>
<th>
た
</th>
<td>
<input type="checkbox" name='code_16' >
</td>
</tr>

<tr>
<th>
ち
</th>
<td>
<input type="checkbox" name='code_17' >
</td>
<th>
つ
</th>
<td>
<input type="checkbox" name='code_18' >
</td>
<th>
て
</th>
<td>
<input type="checkbox" name='code_19' >
</td>
<th>
と
</th>
<td>
<input type="checkbox" name='code_20' >
</td>
</tr>

<tr>
<th>
な
</th>
<td>
<input type="checkbox" name='code_21' >
</td>
<th>
に
</th>
<td>
<input type="checkbox" name='code_22' >
</td>
<th>
ぬ
</th>
<td>
<input type="checkbox" name='code_23' >
</td>
<th>
ね
</th>
<td>
<input type="checkbox" name='code_24' >
</td>
</tr>
</table>