试图更改按钮的内容并不起作用

时间:2014-04-15 23:38:57

标签: javascript html

考虑HTML:

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

<body>

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


</body>

</html>

当我点击按钮时,不会调用JS代码。我究竟做错了什么 ?

由于

1 个答案:

答案 0 :(得分: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>