jQuery更改按钮属性

时间:2011-11-28 12:24:39

标签: javascript jquery

我有一个这样的按钮:

<input type="button" name="btn" id="btn" value="Proceed"/>

在完成所有流程并获得预期结果后,我需要对此按钮应用一些更改。

  1. 更改此按钮的值。
  2. 添加内容以将当前页面指向另一个页面。
  3. 我知道我可以使用以下代码完成第一个目标:

    $('#btn').attr('value','newValue');
    

    但是对于第二个问题,我需要像以前的JavaScript代码一样:

    onclick="window.location.href='newPage.htm'";
    

    请帮帮我。

4 个答案:

答案 0 :(得分:1)

等等,如果我理解正确的话:

$("#btn").val("newValue").click(function(){
     document.location = "newPage.htm";
});

这将设置一个新值并绑定一个点击处理程序。

答案 1 :(得分:1)

试试这个:

$("#btn").attr("onclick", "window.location.href='newPage.htm'");

或者更好的是,添加一个点击处理程序:

$("#btn").click(function() {
    window.location.assign = 'newPage.htm';
});

答案 2 :(得分:0)

您可以这样做:

$("#btn").val("newValue").click(function(){
document.location = "newPage.htm"; 
});

答案 3 :(得分:0)

试试这个:

<script type="text/javascript">
$(document).ready(function() {
    $("#btn").click(function() {
        $('#btn').attr('value', 'newValue');
        window.location="newPage.htm";
    });
});
</script>