asp.Net下ボタンクリックで無効になった実装コード

3964 ワード
一、ボタンをクリックした後にスクリプトで無効にする:
 
  
 
  
 
  
 
  
 
  
 
  <br/><script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"/> 
  <br/><script type="text/javascript"> 
  <br>function enableButton(flag) { 
  <br>$("#btnTest").attr("disabled", flag? "" : "disabled"); 
  <br>} 
  <br>$(document).ready( 
  <br>function () { 
  <br>$("#btnTest").click( 
  <br>function () { 
  <br>enableButton( false );//      
  <br>} 
  <br>); 
  <br>} 
  <br>); 
  <br></script> 
  <br/> 
  <br/> 
  <br/><form id="form1" runat="server"> 
  <br/><div> 
  <br/><button id="btnTest" text="     " runat="server" onclick="Test"/> 
  <br/></div> 
  <br/></form> 
  <br/> 
  <br/> 
  <br/> 
 </code></pre> 
 <br/>                   ：        。  ，           。 
 <br/> 
   
 <pre><code> 
  <br/> 
  <br/> 
  <br/> 
  <br/> 
  <br/><title/> 
  <br/><script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"/> 
  <br/><script type="text/javascript"> 
  <br>function enableButton(flag) { 
  <br>$("#btnTest").attr("disabled", flag? "" : "disabled"); 
  <br>} 
  <br>$(document).ready( 
  <br>function () { 
  <br>$("#btnTest").click( 
  <br>function () { 
  <br>enableButton(false); 
  <br>$("#btnTest2").click();//                  click   
  <br>} 
  <br>); 
  <br>} 
  <br>); 
  <br></script> 
  <br/> 
  <br/> 
  <br/><form id="form1" runat="server"> 
  <br/><div> 
  <br/><input type="button" value="     " id="btnTest"/> 
  <br/><button id="btnTest2" text="     " runat="server" onclick="Test" style="display:none"/> 
  <br/></div> 
  <br/></form> 
  <br/> 
  <br/> 
  <br/> 
 </code></pre> 
 <br/>            。         ： 、  setTimeout   
 <br/> 
   
 <pre><code> 
  <br/> 
  <br/> 
  <br/> 
  <br/> 
  <br/><title/> 
  <br/><script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"/> 
  <br/><script type="text/javascript"> 
  <br>function enableButton(flag) { 
  <br>$("#btnTest").attr("disabled", flag? "" : "disabled"); 
  <br>} 
  <br>$(document).ready( 
  <br>function () { 
  <br>$("#btnTest").click( 
  <br>function () { 
  <br>setTimeout(function () { 
  <br>enableButton(false); 
  <br>}, 
  <br>50); 
  <br>} 
  <br>); 
  <br>} 
  <br>); 
  <br></script> 
  <br/> 
  <br/> 
  <br/><form id="form1" runat="server"> 
  <br/><div> 
  <br/><button id="btnTest" text="     " runat="server" onclick="Test"/> 
  <br/></div> 
  <br/></form> 
  <br/> 
  <br/> 
  <br/> 
 </code></pre> 
 <br/>                  。 
 <br/> ：           ，      Click       Sleep  。 
 <br/>       jquery   unbind   bind        click           . 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>