webformがスクリプトを実行していない

webformがあり、aspコントロールを使用しています。詳細情報が表示されているかどうかを確認したいのですが、Checkbox1にチェックが入っています - > div：yourDivClass show）しかし、私のページにここはを働いていない私のコードです：これはCheckBox1をのIDは、追加の文字列を取得しているASP制御なのでwebformがスクリプトを実行していない

<%@ 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>

任意のアイデアください

出典

2016-06-23 BKChedlia

コンソールエラー/ログはありますか？ – evolutionxbox

@evolutionxbox私はコンソール内の何かを見ないかもしれません、私は正しい場所を見ていないかもしれません、あなたは私にさらなる情報をくれますか？ – BKChedlia

Google「Chrome開発ツールコンソール」「IE devツールコンソール」「Firefox開発ツールコンソール」 – evolutionxbox

。あなたのASP制御に

ClientIDMode="Static"

：クライアント側の操作のためのはこれを追加します。

あなたはこの例を見ることができます： jQuery Selector for server side control

か、このセレクターを使用しようとすることができます動作します。この例では

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

外観：

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


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

出典

2016-06-23 10:34:12

他のものを追加したい場合、すべてのaspコントロールにClientIDMode = "Static"を入れる必要がありますか？ – BKChedlia

ClientIDModeを試しました....うまくいきませんでしたが、セレクタのおかげで – BKChedlia

が動作しません!!!私は何かが恋しいと思います – BKChedlia

をこれが機能しています：

<%@ 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> 
 

 
     <script type="text\javascript"> 
 
     
 
      <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> 
 
     <script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
 
     <script> 
 
      function ShowPanel1() { 
 
       //Check if checkbox is checked or not 
 
       if ($('#CheckBox1').is(':checked')) { 
 
        //Show the Panel 
 
        $('#Panel2').show(); 
 
       } 
 
       else { 
 
        //Hide the Panel2 
 
        $('#Panel2').hide(); 
 
       } 
 
      } 
 

 

 
     </script> 
 

 
    </head> 
 
<body> 
 
    <asp:Panel ID="Panel1" runat="server"> 
 
     <table class="auto-style1"> 
 
     
 
      <tr> 
 
        <td class="auto-style3">Do you have ... ?</td> 
 
       <td class="hiddenText"> 
 
        <asp:CheckBox ClientIDMode="Static" ID="CheckBox1" runat="server" onchange="javascript:ShowPanel1()" /> 
 
        </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="auto-style2"> </td> 
 
       <td class="auto-style4"> </td> 
 
       <td> </td> 
 
      </tr> 
 
      
 
     </table> 
 
     </asp:panel> 
 
    <div> 
 
     <br /> 
 
    </div> 
 
<asp:Panel ID="Panel2" runat="server" ClientIDMode="Static" Style="display: none">Test Panel</asp:Panel> 
 
     <div> 
 
     </div> 
 
    
 
    <p> 
 
      
 
    </p> 
 
    <table> 
 
      <tr> 
 
       <td class="auto-style2"> </td> 
 
       <td class="auto-style4"> 
 
        <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>

出典

2016-06-23 11:23:02 BKChedlia

私はあなたのために働いてうれしいです、幸運！ –

webformがスクリプトを実行していない

答えて

関連する問題