页面隐藏问题，选择否下面的隐藏，选择是显示

Question

就是这个在定时发布选择否，下面的发布时间就隐藏，选择是则出现，求大神指导

<tr class="mainlisttitle">
                           <td align="right" class="mainlistb" style="width:20%">定时发布：</td>
                           <td style="text-align:left;" class="mainoutbg" >
                               <select id="IS_WONDER" name="IS_WONDER" class="inputbox01" style="width: 120px">
                                   <option value='0'>否</option>
                                   <option value='1'>是</option>
                               </select>
                           </td>
                         </tr>
                                                 
                        <tr class="mainlisttitle">
                            
                            <td align="right" class="mainlistb" style="width:20%">发布时间:</td>
                        
                             <td>    
                              <input onfocus="setday(this)" id="releaseTime" name="releaseTime">
                            </td>
                        
                        </tr>

Answer 1

建議是在發佈時間那邊的 tr 加個可以識別用的 class

<table>
    <tr class="mainlisttitle">
       <td align="right" class="mainlistb" style="width:20%">定时发布：</td>
       <td style="text-align:left;" class="mainoutbg" >
           <select id="IS_WONDER" name="IS_WONDER" class="inputbox01" style="width: 120px">
               <option value='1'>是</option>
               <option value='0'>否</option>
           </select>
       </td>
    </tr>

    <tr class="mainlisttitle publish-time">
        <td align="right" class="mainlistb" style="width:20%">发布时间:</td>
         <td>    
          <input onfocus="setday(this)" id="releaseTime" name="releaseTime">
        </td>
    </tr>
</table>

$('#IS_WONDER').change(function() {
    $(this).val() === '1' ? $('.publish-time').show() : $('.publish-time').hide()
})

實現

jsFiddle

Answer 2

可以写js 判断呀，依据你上面的选择是或者否来设置下面发布时间是否显示