js控制tr 隐藏 显示

tr td 外面不要套div

<tr>
                        <td>排期确定结果: </td>
                        <td> 
                           <label class="liradio">
                                <input name="accreditInfo.status" value="5" type="radio" id="radioLab" onchange="thisTime()" />同意
                           </label>
                        </td>
                        <td> 
                           <label class="liradio">
                                <input name="accreditInfo.status" value="4" type="radio" id="radioLab" onchange="otherTime()" />不同意
                           </label>
                        </td>
                    </tr>                    
                    <tr id="scheduleReply" style="display: none">
                        <td>排期反馈时间: </td>
                        <td colspan="2" >
                           <input id="scheduleDate" name="accreditInfo.scheduleReply" type="text"/>
                           <img onclick="WdatePicker({el:'scheduleDate'})" src="${pageContext.request.contextPath}/js/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
                        </td>
                      
                    </tr>
                    <tr id="scheduleReplyRmark" style="display: none">
                        <td>备注: </td>
                        <td colspan="2" ><input type="text" id="confirmReason" name="accreditInfo.scheduleReplyRemark" style="width: 150px;" vertical-align: bottom; margin-top: 5px;"/></td>
                        
                    </tr>            

用js控制tr显现和隐藏时 用jQuery比较好 样式不会串 给你做了很多东西

function otherTime() {    
    $("#scheduleReply,#scheduleReplyRmark").show();
    /* document.getElementById("scheduleReply").style.display = "block";
    document.getElementById("scheduleReplyRmark").style.display = "block"; */
}
function thisTime() {
        $("#scheduleReply,#scheduleReplyRmark").hide();
        /* document.getElementById("scheduleReply").style.display = "none";
        document.getElementById("scheduleReplyRmark").style.display = "none"; */
}

 

posted on 2015-12-14 17:15  weiguoyuan  阅读(2212)  评论(0编辑  收藏  举报

导航