JQuery 設定show/hide顯示隱藏屬性無效的原因
阿新 • • 發佈:2019-02-08
問題描述:
表格中有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()操作即可