jquery隐藏表格行

最新推荐文章于 2022-09-21 20:34:17 发布

weixin_33881050

最新推荐文章于 2022-09-21 20:34:17 发布

阅读量719

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/svili/blog/823291

版权

为什么80%的码农都做不了架构师？>>>

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>

附：图片