jquery隐藏表格行

原创
2017/01/11 21:36
阅读数 702

1.<input type="checkbox">

<script>
    $(function () {
        $(".signCheck").each(function () {
            $(this).attr("checked", false);
        });
        $(".signOption").each(function () {
            $(this).hide();
        });
    });
    function show_sign_detail(index) {
        $("#signOption_" + index).toggle();
    }
</script>
<table>
            <tr>
                <td class="title" width="13%">用户名:</td>
                <td width="20%">
                    <span class="text-ku">${userName}</span>
                </td>
                <td class="title" width="13%">处理时间:</td>
                <td width="20%">
                    <span class="text-ku">${handleTime}</span>
                </td>
                <td width="20%">
                    <span class="text-ku">显示详情
                    <input style="width: 38px;height: 15px;" class="signCheck" onclick="show_sign_detail(${index$});"
                           type="checkbox"/>
                    </span>
                </td>
            </tr>
            <!-- 注意用tbody,不然会破坏表格样式 -->
            <tbody id="signOption_${index$}" style="display: none" class="signOption">
            <tr>
                <td valign="top" class="title">处理意见:</td>
                <td height="100" valign="top" colspan="4">
                    <textarea name="option" class="textarea" readonly="readonly"></textarea>
                </td>
            </tr>
            </tbody>
    </table>

2.<img>

<script>
    $(function () {
        $(".signOption").each(function () {
            $(this).hide();
        });
    });
    function show_sign_detail(index) {
        $("#signOption_" + index).toggle();
        if($("#signOption_" + index).is(":hidden")){
            $("#signDetailImg_" + index).attr("src","more_down.gif");
        }else{
            $("#signDetailImg_" + index).attr("src","more_up.gif");
        }
    }
</script>
<table>
            <tr>
                <td class="title" width="13%">联名人:</td>
                <td width="20%">
                    <span class="text-ku">${userName}</span>
                </td>
                <td class="title" width="13%">处理时间:</td>
                <td width="20%">
                    <span class="text-ku">${handleTime}</span>
                </td>
                <td width="10%">
                    <span class="text-ku">详情
                        <img src="more_down.gif" id="signDetailImg_${index$}" onclick="show_sign_detail(${index$});">
                    </span>
                </td>
            </tr>
            <tbody id="signOption_${index$}" style="display: none" class="signOption">
            <tr>
                <td valign="top" class="title">处理意见:</td>
                <td height="100" valign="top" colspan="5">
                    <textarea name="option" class="textarea" readonly="readonly"></textarea>
                </td>
            </tr>
            </tbody>
    </table>

附:图片 more_up.gif   more_up.gif

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部