jquery應(yīng)該如何來設(shè)置改變按鈕input的onclick事件
更新時(shí)間：2012年12月10日 16:03:16 作者：
要?jiǎng)討B(tài)改變這個(gè)上一頁(yè)按鈕中onclick的函數(shù).我自己是嘗試了很多種方法，都沒有做出來，下面列舉的幾個(gè)都是失敗的例子,需要的朋友可以參考下
jquery應(yīng)該如何來設(shè)置按鈕input的onclick事件?比如開始時(shí)有個(gè)按鈕： <input id=”prebt” type=”button” value=”上一頁(yè)” onclick=”ToPage(2)”/>這行代碼是在程序后臺(tái)生成的，和Discuz!NT論壇源碼中的做法一樣，頁(yè)面上所有的東西連同腳本都是由后臺(tái)代碼生成..然后用jquery.ajax加載到頁(yè)面上來..其他的除了ie8不能顯示之外..其它瀏覽器都正常.現(xiàn)在的問題是：要?jiǎng)討B(tài)改變這個(gè)上一頁(yè)按鈕中onclick的函數(shù).我自己是嘗試了很多種方法，都沒有做出來，下面列舉的幾個(gè)都是失敗的例子：
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ì)導(dǎo)致死循環(huán)..不知是怎么回事..
//我做的分頁(yè)功能…這樣寫導(dǎo)致數(shù)據(jù)一直在亂跳，應(yīng)該怎樣來解決呢？
實(shí)在是沒有辦法了，只能是在網(wǎng)上發(fā)布了相關(guān)的請(qǐng)求，有朋友問我，是否我要的效果就如下面的：
$(“#prebt”).unbind(“onclick”);
$(“#prebt”).bind(“onclick”,”ToPage(4)”);
其實(shí)我要的效果就是跟上面的一樣的，但是上面的方法跟我原本的效果是差不多的，也是沒辦法執(zhí)行，而且根本都綁定不上去.
又有熱心的網(wǎng)友給了一個(gè)我代碼例子，說是對(duì)我有幫助，如下的細(xì)節(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>無標(biāo)題文檔</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中測(cè)試時(shí),單擊時(shí)候結(jié)果為1，即使是這樣，但是還不是我原本所想要的效果。難道是真的沒有方法可以實(shí)現(xiàn)了嗎？
最終我還是自己給想出了一個(gè)比較笨的方法，可以實(shí)現(xiàn)的，如下：
<span id=”prespan”><input id=”prebt” type=”button” value=”上一頁(yè)” onclick=”ToPage(2)”/></span>
然后后臺(tái)程序自自動(dòng)把prespan中的內(nèi)容替換掉.
$(‘#prespan').empty();
$(‘#prespan').append(“<input id=\”prebt\” type=\”button\” value=\”上一頁(yè)\” 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ì)導(dǎo)致死循環(huán)..不知是怎么回事..
//我做的分頁(yè)功能…這樣寫導(dǎo)致數(shù)據(jù)一直在亂跳，應(yīng)該怎樣來解決呢？
實(shí)在是沒有辦法了，只能是在網(wǎng)上發(fā)布了相關(guān)的請(qǐng)求，有朋友問我，是否我要的效果就如下面的：
復(fù)制代碼 代碼如下:
$(“#prebt”).unbind(“onclick”);
$(“#prebt”).bind(“onclick”,”ToPage(4)”);
其實(shí)我要的效果就是跟上面的一樣的，但是上面的方法跟我原本的效果是差不多的，也是沒辦法執(zhí)行，而且根本都綁定不上去.
又有熱心的網(wǎng)友給了一個(gè)我代碼例子，說是對(duì)我有幫助，如下的細(xì)節(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>無標(biāo)題文檔</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中測(cè)試時(shí),單擊時(shí)候結(jié)果為1，即使是這樣，但是還不是我原本所想要的效果。難道是真的沒有方法可以實(shí)現(xiàn)了嗎？
最終我還是自己給想出了一個(gè)比較笨的方法，可以實(shí)現(xiàn)的，如下：
復(fù)制代碼 代碼如下:
<span id=”prespan”><input id=”prebt” type=”button” value=”上一頁(yè)” onclick=”ToPage(2)”/></span>
然后后臺(tái)程序自自動(dòng)把prespan中的內(nèi)容替換掉.
復(fù)制代碼 代碼如下:
$(‘#prespan').empty();
$(‘#prespan').append(“<input id=\”prebt\” type=\”button\” value=\”上一頁(yè)\” onclick=”\ToPage(4)\”/>”);
雖然沒有用到設(shè)置onclick.但最后還是解決了我的難題。
相關(guān)文章
通過實(shí)例了解js函數(shù)中參數(shù)的傳遞
這篇文章主要介紹了通過實(shí)例了解js函數(shù)中參數(shù)的傳遞，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
javascript確認(rèn)框的三種使用方法，在開發(fā)中經(jīng)常要用到，記錄一下使用方法2013-12-12
作用域鏈?zhǔn)怯捎趈s的變量都是對(duì)象的屬性，而該對(duì)象可能又是其它對(duì)象的屬性，而所有的對(duì)象都是window對(duì)象的屬性，所以這些對(duì)象的關(guān)系可以看作是一條鏈2013-04-04
BOM中l(wèi)ocation對(duì)象的屬性和方法
這篇文章主要介紹了BOM中l(wèi)ocation對(duì)象的屬性和方法,作為前端基礎(chǔ)location對(duì)象的屬性方法還是要掌握的,需要的朋友可以參考下2023-04-04
介紹一個(gè)簡(jiǎn)單的JavaScript類框架
這篇文章主要介紹了一個(gè)簡(jiǎn)單的JavaScript類框架,有助于初學(xué)者理解JS類的創(chuàng)建與繼承,需要的朋友可以參考下2015-06-06
事件處理是對(duì)象化編程的一個(gè)很重要的環(huán)節(jié)，沒有了事件處理，程序就會(huì)變得很死，缺乏靈活性。2009-01-01
JavaScript中幾種排序算法的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了JavaScript中幾種排序算法的簡(jiǎn)單實(shí)現(xiàn),排序是各種編程語(yǔ)言學(xué)習(xí)中都是共通的必會(huì)的基礎(chǔ),需要的朋友可以參考下2015-07-07
這篇文章主要介紹了Javascript的this的作用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了JavaScript中l(wèi)ength屬性的使用方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
這篇文章主要介紹了javascript的 {} 語(yǔ)句塊詳解的相關(guān)資料,需要的朋友可以參考下2016-02-02