c# 如何根据特定条件隐藏 tr!

c# 如何根据特定条件隐藏 tr!,第1张

只需要设置为id和runat="server",例如:

<tr id="tr1" runat="server">

在后台代码中根据逻辑判断,如果满足隐藏条件

则:tr1.Visible = false

如下代码可以实现:

<script src="jquery-1.9.1.min.js"></script>

<script>

$(document).ready(function(){

var ids = "1" //要隐藏的id的前半部分

$("#table1 tr").each(function(){

if($(this).attr("id").length > 0){

if($(this).attr("id").split("-")[0] == ids)

$(this).hide()

}

})

})

</script>

<table id="table1">

<tr id="1-11B"><td>1-11B</td></tr>

<tr id="2-23B"><td>2-23B</td></tr>

<tr id="1-12B"><td>1-12B</td></tr>

<tr id="2-26B"><td>2-26B</td></tr>

<tr><td>无ID</td></tr>

</table>

补充:

如果是input的话

<script src="jquery-1.9.1.min.js"></script>

<script>

$(document).ready(function(){

var ids = "2" //要改值的id的前半部分

$("input[type='text']").each(function(){

if($(this).attr("id").length > 0){

if($(this).attr("id").split("-")[0] == ids)

$(this).val("0")

}

})

})

</script>

<input type="text" id="1-11B" value="1-11B" />

<input type="text" id="2-12B" value="2-12B" />

<input type="text" id="1-16B" value="1-16B" />

<input type="text" id="2-18B" value="2-18B" />

<tr>

    <td>

        <p>

            <label>

                是否租赁公司车源:</label>

            <select name="car_is_zlgs" style="width: 211">

                <option value="0">否</option>

                <option value="1">是</option>

            </select>

        </p>

    </td>

</tr>

<tr style="display: none">

    <td>

        <p>

            <label>

                租赁公司:</label>

            <select id="car_zlgs" name="car_zlgs" style="width: 211">

                <%for(qdwyc_zlgs s:listzlgs){%>

                <option value="<%=s.getId()%>">

                    <%=s.getZlgs_name()%></option>

                <%}%>

            </select>

        </p>

    </td>

</tr>

<script>

    $(function () {

        $("select[name='car_is_zlgs']").change(function () {

            if ($(this).val() == "1") $(this).closest("tr").next().show()

            else $(this).closest("tr").next().hide()

        })

    })    

</script>

默认先用样式将第二个tr隐藏掉,select选择的时候再来判断是否显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11112358.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存