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>