Question

我正在尝试创建一个asp文本框/复选框组合，如果选中该复选框但是我无法使jQuery / Javascript工作，则会隐藏文本框。我已经尝试了许多不同的解决方案，并没有让它工作，所以任何帮助将不胜感激

ASP：

<div runat="server" id="editStartYear" class="productInfo">
    Edit Start Year:
    <asp:CheckBox ID="startDateCheckBox" runat="server" ClientIDMode="Static" Text="Unknown Start Date"/>
    <asp:TextBox runat="server" ID="startBox" ClientIDMode="Static" Width="150" placeholder="Start Year"></asp:TextBox>
</div>

jQuery的：

$(document).ready(function () {

$('#searchIcon').hover(function () {
    $('#searchIcon').attr("src", "includes/images/searchIconHover.png");
}, function () {
    $('#searchIcon').attr("src", "includes/images/searchIcon.png");
});
$('#searchBox').focus(function () {
    $('#searchBox').attr("value", "");
});

$("#startDateCheckBox").change(function () {
        if (this.checked) {
            $("#startBox").hide();
        } else {
            $("#startBox").show();
        }

});

});

Answer 1

您可以在asp.net标记中为复选框和文本框添加ClientIDMode="Static"。然后客户端javascript可用于解决复选框。现在你将它作为服务器端控件。

$("#startDateCheckBox").change(function() {
    if(this.checked) {
        $("#startBox").hide();
    } else {
        $("#startBox").show();
    }

});

隐藏基于ASP复选框的div

1 个答案: