html服务器控件复选框以asp.net Web形式由jQuery隐藏

Question

我有一个简单的页面，其中包含三个复选框，其中复选框通过jQuery自动填充数据，而第四个复选框则没有data（empty）。

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MasterPageWithHTMLInput.aspx.cs" Inherits="Test_WSMS_TV.MasterPageWithHTMLInput" %>

    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

        <script type="text/javascript">
            // alert('akash');
            $(document).ready(function() {
                var arr = ["val1", "val2", "val3"];
                $('#check label').each(function(index) {
                    if (index < arr.length)
                        $(this).text(arr[index]);    
                });    
            });
        </script>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

        <div class="container" id="check">
            <input type="checkbox" id="CheckBox3" runat="server" />
            <label>
            </label>
            <input type="checkbox" id="CheckBox4" runat="server" />
            <label>
            </label>
            <input type="checkbox" id="CheckBox5" runat="server" />
            <label>
            </label>
            <input type="checkbox" id="CheckBox6" runat="server" />
            <label>
            </label>
        </div>

    </asp:Content>

我想通过jQuery隐藏没有数据的复选框和标签（第四位）。

<input type="checkbox" id="CheckBox6" runat="server"/>
        <label>
        </label>

我如何通过jQuery做到这一点？

Answer 1

也许尝试以下方法之一

$("#CheckBox6").hide();

要么

$("#CheckBox6").toggle();

Answer 2

您可以使用:empty选择器

选择所有没有子元素的元素（包括文本节点）。

脚本

$('#check label:empty').hide();
$('#check label:empty').prev(':checkbox').hide();

Answer 3

我找到了动态解决方案。 填充ID并隐藏其余的空白文本框

<script type="text/javascript">
       // alert('akash');
        $(document).ready(function () {
            var arr = ["val1", "val2", "val3"];
            $('#check label').each(function (index) {
                if (index < arr.length)
                    $(this).text(arr[index]);
                else {
                    //                    $('#check label:empty').prev(':checkbox').hide();
                    var i = index + 3;
                    var id = "#CheckBox" + i;
                    alert(id);
                    $(id).hide();
                }
            });
         //   $("#CheckBox6").hide();
        });

    </script>

并且在asp.net中需要主占位符clientidmode =“ Static”。

<input type="checkbox" id="CheckBox6" runat="server" clientidmode="Static" />
        <label>
        </label>