1. 程式人生 > >JQuery 設定show/hide顯示隱藏屬性無效的原因

JQuery 設定show/hide顯示隱藏屬性無效的原因

問題描述:

表格中有radio選項,點選不同的radio選項會顯示對應的表單選項。

操作就是對radio加change監聽事件,根據不同選中的值將對應表單選項show()展示出來。

<table>
    <tr>
        <td>
            <div class="radio>
                <input class="os" name="os" type="radio" value="iphone"/>
                <input class="os" name
="os" type="radio" value="iphone_beta"/>
<input class="os" name="os" type="radio" value="android"/> <input class="os" name="os" type="radio" value="android_beta"/> </div> </td> </tr> <div class="choice"> <tr
>
…… </tr> </div> </table>

但是設定的show()和hide()一直不管用,找了很久很久……才發現我的問題是

jquery的show和hide只針對本身有效,對於div中有tr,td標籤的,是不起作用的

解決方法:

去掉div,直接在tr上進行show()和hide()操作即可