2014-04-15 45 views
-1

考慮HTML:試圖改變一個按鈕的內容不起作用

<html> 
<head> 
Something... 
</head> 

<body> 

<script> 
$('#btnviewdetails').text('Save').button("refresh"); 
</script> 
<button id='btnviewdetails' type='button'>SET</button> 


</body> 

</html> 

當我按下按鈕,JS代碼不會被調用。我究竟做錯了什麼 ?

感謝

+0

你需要jQuery和jQuery用戶界面,使代碼工作。 – adeneo

回答

2

您需要綁定按鈕的事件處理程序。該功能將在按下按鈕時被調用。

$('#btnviewdetails').bind('click', function() { 
    $(this).text('Save'); 
}); 

完整代碼:

<html> 
<head> 
<script src="jquery-2.1.0.min.js"></script> 
Something... 
</head> 

<body> 
<button id='btnviewdetails' type='button'>SET</button> 
<script> 
$('#btnviewdetails').bind('click', function() { 
    $(this).text('Save'); 
}); 
</script> 

</body> 
</html>