javascript - 网页表单未运行脚本

标签 javascript webforms

我有一个带有asp控件的网络表单,我想看看它是否被选中以显示更多信息(Checkbox1被选中所以--> div:yourDivClass显示)。但在我的页面上它不起作用 这是我的代码:

<%@ Page Title="Form" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Form.aspx.cs" Inherits="WebApplication1.Form" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<!DOCTYPE html>  
<html>  
    <head>
        <style>
.yourDivClass{
    display:none;}
        </style>
        <script language="text\javascript">
            $("#CheckBox1").change(function () {
                if ($(this).attr('checked')) {
                    $(".yourDivClass").show();
                }
            });
        </script>
    </head>
<body>  
    <asp:Panel ID="Panel1" runat="server">
        <table>            
            <tr>
                  <td >Do you have...?</td>  
                <td class="hiddenText"> 
                    <asp:CheckBox ID="CheckBox1" runat="server" />
                    </td> 
            </tr>           
        </table> 
      </asp:panel>   
<div class="yourDivClass">Im Your div</div>    
    <table>
          <tr>  
                <td>  
                    <asp:Button ID="Button1" runat="server" Text="Submit" ForeColor="#FF66FF" OnClick="Button1_Click" />  
                </td>  
                <td>  
                    <asp:Label ID="Label1" runat="server" Text="Label" Visible="false"></asp:Label>  
                </td>  
            </tr> 
    </table>
</body>  
</html>
</asp:Content>

任何想法请

最佳答案

因为这是一个 asp 控件,所以 CheckBox1 的 ID 正在获取附加字符串。 对于客户端操作,请添加以下内容:

ClientIDMode="Static"

到你的asp控件。

你可以看一下这个例子: jQuery Selector for server side control

或者您可以尝试使用此选择器:

$("input[id$='_CheckBox1']")

看看这个有效的例子:

<ul runat="server" ClientIDMode="Static" id="DatesPickList" class="datesPickList">


$("#DatesPickList").css("background", "red");

关于javascript - 网页表单未运行脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37989018/

相关文章:

javascript - asp.net gridview tr id 独特的 jQuery

javascript - 刷新时记住播放列表

javascript - 在将新图像加载到网站时显示正在加载...动画

c# - 如何在 Jquery 中正确调用 C# 变量。 'variable name'当前上下文中不存在

javascript - 在 asp.net 文本框中检查脚本

c# - SeriesChartType.Point 所有点都是正方形

javascript - 从输入框获取数据并插入到mysql数据库

javascript - EmberJS 中的 transitionTo LoadingRoute?

javascript - <a>-标签名称属性在 IE8 中不起作用

c# - 在每行开头之前添加空格(字符串的第一行除外)?