jquery應(yīng)該如何來設(shè)置改變按鈕input的onclick事件
更新時間：2012年12月10日 16:03:16 作者：
要動態(tài)改變這個上一頁按鈕中onclick的函數(shù).我自己是嘗試了很多種方法，都沒有做出來，下面列舉的幾個都是失敗的例子,需要的朋友可以參考下
jquery應(yīng)該如何來設(shè)置按鈕input的onclick事件?比如開始時有個按鈕： <input id=”prebt” type=”button” value=”上一頁” onclick=”ToPage(2)”/>這行代碼是在程序后臺生成的，和Discuz!NT論壇源碼中的做法一樣，頁面上所有的東西連同腳本都是由后臺代碼生成..然后用jquery.ajax加載到頁面上來..其他的除了ie8不能顯示之外..其它瀏覽器都正常.現(xiàn)在的問題是：要動態(tài)改變這個上一頁按鈕中onclick的函數(shù).我自己是嘗試了很多種方法，都沒有做出來，下面列舉的幾個都是失敗的例子：
1.JavaScript code:
$(“#prebt”).unbind(“onclick”,function(){var p= $(“#nextbt”).parent();$(“#nextbt”).remove();
p.append(“<input id=\”nextbt\” type=\”button\” value=\”編輯\” onclick=\”ToPage(14)\”/>”)});
JavaScript code:
$(“#prebt”).removeAttr(“onclick”);
$(“#prebt”).attr(“onclick”,”ToPage(4)”);
或者:
$(“#prebt”).attr(“onclick”,”");
$(“#prebt”).attr(“onclick”,”ToPage(4)”);
2.JavaScript code:
$(“#prebt”).removeAttr(“onclick”);
$(“#prebt”).click(function(){ToPage(4)}); //此句會導致死循環(huán)..不知是怎么回事..
//我做的分頁功能…這樣寫導致數(shù)據(jù)一直在亂跳，應(yīng)該怎樣來解決呢？
實在是沒有辦法了，只能是在網(wǎng)上發(fā)布了相關(guān)的請求，有朋友問我，是否我要的效果就如下面的：
$(“#prebt”).unbind(“onclick”);
$(“#prebt”).bind(“onclick”,”ToPage(4)”);
其實我要的效果就是跟上面的一樣的，但是上面的方法跟我原本的效果是差不多的，也是沒辦法執(zhí)行，而且根本都綁定不上去.
又有熱心的網(wǎng)友給了一個我代碼例子，說是對我有幫助，如下的細節(jié)：
XML/HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
function toPage(id){alert(id);}
$(function(){
$('#btndemo').removeAttr('onclick').unbind('click').click(function(){
toPage(1);
})
})
//]]>
</script>
</head>
<body>
<input id="btndemo" type="button" value="click" onclick="toPage(4)" />
</body>
</html>
以上在ie8中測試時,單擊時候結(jié)果為1，即使是這樣，但是還不是我原本所想要的效果。難道是真的沒有方法可以實現(xiàn)了嗎？
最終我還是自己給想出了一個比較笨的方法，可以實現(xiàn)的，如下：
<span id=”prespan”><input id=”prebt” type=”button” value=”上一頁” onclick=”ToPage(2)”/></span>
然后后臺程序自自動把prespan中的內(nèi)容替換掉.
$(‘#prespan').empty();
$(‘#prespan').append(“<input id=\”prebt\” type=\”button\” value=\”上一頁\” onclick=”\ToPage(4)\”/>”);
雖然沒有用到設(shè)置onclick.但最后還是解決了我的難題。
1.JavaScript code:
復(fù)制代碼 代碼如下:
$(“#prebt”).unbind(“onclick”,function(){var p= $(“#nextbt”).parent();$(“#nextbt”).remove();
p.append(“<input id=\”nextbt\” type=\”button\” value=\”編輯\” onclick=\”ToPage(14)\”/>”)});
JavaScript code:
$(“#prebt”).removeAttr(“onclick”);
$(“#prebt”).attr(“onclick”,”ToPage(4)”);
或者:
$(“#prebt”).attr(“onclick”,”");
$(“#prebt”).attr(“onclick”,”ToPage(4)”);
2.JavaScript code:
復(fù)制代碼 代碼如下:
$(“#prebt”).removeAttr(“onclick”);
$(“#prebt”).click(function(){ToPage(4)}); //此句會導致死循環(huán)..不知是怎么回事..
//我做的分頁功能…這樣寫導致數(shù)據(jù)一直在亂跳，應(yīng)該怎樣來解決呢？
實在是沒有辦法了，只能是在網(wǎng)上發(fā)布了相關(guān)的請求，有朋友問我，是否我要的效果就如下面的：
復(fù)制代碼 代碼如下:
$(“#prebt”).unbind(“onclick”);
$(“#prebt”).bind(“onclick”,”ToPage(4)”);
其實我要的效果就是跟上面的一樣的，但是上面的方法跟我原本的效果是差不多的，也是沒辦法執(zhí)行，而且根本都綁定不上去.
又有熱心的網(wǎng)友給了一個我代碼例子，說是對我有幫助，如下的細節(jié)：
XML/HTML code:
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
function toPage(id){alert(id);}
$(function(){
$('#btndemo').removeAttr('onclick').unbind('click').click(function(){
toPage(1);
})
})
//]]>
</script>
</head>
<body>
<input id="btndemo" type="button" value="click" onclick="toPage(4)" />
</body>
</html>
以上在ie8中測試時,單擊時候結(jié)果為1，即使是這樣，但是還不是我原本所想要的效果。難道是真的沒有方法可以實現(xiàn)了嗎？
最終我還是自己給想出了一個比較笨的方法，可以實現(xiàn)的，如下：
復(fù)制代碼 代碼如下:
<span id=”prespan”><input id=”prebt” type=”button” value=”上一頁” onclick=”ToPage(2)”/></span>
然后后臺程序自自動把prespan中的內(nèi)容替換掉.
復(fù)制代碼 代碼如下:
$(‘#prespan').empty();
$(‘#prespan').append(“<input id=\”prebt\” type=\”button\” value=\”上一頁\” onclick=”\ToPage(4)\”/>”);
雖然沒有用到設(shè)置onclick.但最后還是解決了我的難題。
相關(guān)文章
這篇文章主要介紹了簡介JavaScript中的setHours()方法的使用,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JS預(yù)解析原理的相關(guān)知識，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-06-06
這篇文章主要介紹了javascript獲得當前的信息的一些常用命令,需要的朋友可以參考下2015-02-02
深入理解JavaScript系列（33）：設(shè)計模式之策略模式詳解
這篇文章主要介紹了深入理解JavaScript系列（33）：設(shè)計模式之策略模式詳解,策略模式定義了算法家族,分別封裝起來,讓他們之間可以互相替換,此模式讓算法的變化不會影響到使用算法的客戶,需要的朋友可以參考下2015-03-03
JavaScript的繼承在很多書里面細致的分了很多種類型和實現(xiàn)方式，大體上就是兩種：對象冒充、原型方式。這兩種方式各有優(yōu)點和缺陷，這里我先列舉出來，再從底層分析區(qū)別2017-05-05
這篇文章給大家分享了關(guān)于JavaScript事件循環(huán)機制的相關(guān)知識點內(nèi)容，有興趣的朋友們可以學習參考下。2018-09-09
Global對象是ECMAScript中最特別的對象，因為實際上它根本不存在。2009-08-08
文章對javascript的四種函數(shù)模式進行了詳細的解釋，并附上示例，方便小伙伴們理解并應(yīng)用，希望對大家能有所幫助。2014-11-11
這篇文章主要詳細介紹了DOM中的事件流，包括冒泡型事件、事件監(jiān)聽、標準DOM事件監(jiān)聽這三個方面，十分詳細，推薦給大家。2015-01-01
數(shù)組對象用來在單獨的變量名中存儲一系列的值。我們使用關(guān)鍵詞 new 來創(chuàng)建數(shù)組對象。有兩種向數(shù)組賦值的方法，也可以使用一個整數(shù)自變量來控制數(shù)組的容量2014-10-10