改變了jQuery JavaScript的簡單的代碼

Question

對不起你們，問了一下錯誤，這裏是編輯

有一個簡單的問題，如何將這個jQuery代碼更改爲一個javascript：

$("#gotoPage").click(function(){ 
     var abr = $("#txtPageNumber").val(); 
     paging_go_page_('cf_pages_form_name1',abr); 
    }); 

和此輸入：

<div class="gotoPage_div"> 
       <input type="text" id="txtPageNumber" class="txtPageNumber" onkeyup="this.value = this.value.replace(/[^0-9\.]/g,'');check(this);" value="<cfoutput>#attributes.page#</cfoutput>" /> 
       <span>Lütfen, sayfa numarası giriniz <cfoutput>1-#lastpage#</cfoutput></span> 
      </div> 
      <div class="gotoSubmit"> 
       <input type="submit" id="gotoPage" class="gotoPage" value="Değistir" style="width:50px;" /> 
      </div> 

到平穩這樣的：

function change_page { 
     var abr = document.getElementById('txtPageNumber').value; 
     document.change_page.action=paging_go_page_('cf_pages_form_name1',abr); 
    } 

和我創建了一個形式，我想改變它的動作：

<form method="post" name="change_page" action="change_page()"> 
      <div class="gotoPage_div"> 
       <input type="text" id="txtPageNumber" onblur="if (this.value=='') this.value = this.defaultValue" onfocus="if (this.value==this.defaultValue) this.value = ''" class="txtPageNumber" onkeyup="this.value = this.value.replace(/[^0-9\.]/g,'');check(this);" value="<cfoutput>#attributes.page#</cfoutput>" /> 
       <span>Lütfen, sayfa numarası giriniz <cfoutput>1-#lastpage#</cfoutput></span> 
      </div> 
      <div class="gotoSubmit"> 
       <input type="submit" id="gotoPage" class="gotoPage" value="Değistir" style="width:50px;" /> 
      </div> 
     </form> 

謝謝大家的幫助！

Answer 1

var abr = document.getElementById('txtPageNumber').value; 
paging_go_page_('cf_pages_form_name1',abr); 

Answer 2

像這樣的東西應該工作

var abr = document.getElementById("txtPageNumber").value; 
paging_go_page_('cf_pages_form_name1',abr); 

Answer 3

var abr = document.getElementById('txtPageNumber').innerHTML; 
paging_go_page_('cf_pages_form_name1',abr); 

Answer 4

override的onclick事件的element。

document.getElementById('gotoPage').onclick = function(){ 
var abr = document.getElementById('txtPageNumber').value; 
paging_go_page_('cf_pages_form_name1', abr);  
}; 

Answer 5

$("#gotoPage").click(function(){ 
     var abr = $("#txtPageNumber").val(); 
     paging_go_page_('cf_pages_form_name1',abr); 
    }); 

沒有jQuery將是：

document.getElementById('gotoPage') // = > $("#gotoPage") 
[ document.addEventListener ? "addEventListener" : "attachEvent" ] // now depends on browser type we choose proper method to bind event handler and invoke this 
("click" , function() { 
    paging_go_page('cf_pages_form_name1', document.getElementById("txtPageNumber").value); 

    } , true); 

Answer 6

 
//if you want to change form's action 
document.change_page.action = "your action url here";