Php 单击时更改按钮文本，再次单击时将其更改回

单击时如何更改按钮的文本？并在再次单击时将其更改回？我有我自己制作的javascript。它没有给我想要的。请帮忙

    $('#addbtn').click(function (){
    if(document.getElementById('addMat').style.display == "none"){
        document.getElementById('addMat').style.display= "inline";
        $(this).val('Cancel');
    }else
        document.getElementById('addMat').style.display= "none";
        $(this).val('Add Material');
});

---

只需使用jQuery语法即可：

$('#addbtn').click(function (){
    var addMat = $('#addMat');
    if( addMat.css('display')  === 'none' ) {
      addMat.css('display','inline');
      $(this).val('Cancel');
    } else {
      addMat.css('display','none');
      $(this).val('Add Material');
    }
});

---

只需使用jQuery语法即可：

$('#addbtn').click(function (){
    var addMat = $('#addMat');
    if( addMat.css('display')  === 'none' ) {
      addMat.css('display','inline');
      $(this).val('Cancel');
    } else {
      addMat.css('display','none');
      $(this).val('Add Material');
    }
});

或者更好

$('#addbtn').click(function (){
    if( $('#addMat').css('display')  === 'none' ){
      $('#addMat').css('display','inline');
      $(this).attr("value","Cancel");
    } else {
      $('#addMat').css('display','none');
      $(this).attr("value","Add Material");
    }
});

或者更好

$('#addbtn').click(function (){
    if( $('#addMat').css('display')  === 'none' ){
      $('#addMat').css('display','inline');
      $(this).attr("value","Cancel");
    } else {
      $('#addMat').css('display','none');
      $(this).attr("value","Add Material");
    }
});

或

最好的方法是创建一个按钮并在文本周围放置一个span标记

$("span", this).text("My NEW Text");

或

最好的方法是创建一个按钮并在文本周围放置一个span标记

$("span", this).text("My NEW Text");

---

为什么要使用jQuery（

$（'#addbtn'）。单击（函数（）{

）和纯JS（

document.getElementById（'addMat'）。style.display==“none”

）？我“认为”你的$（这个）将引用#addMat元素，而不是#addbtn元素。这是您想要的吗？一点HTML将有所帮助，因为我不确定哪个元素是按钮。您可以使用focus（）Psuedo类在纯CSS中执行此操作。创建两个按钮，其中一个显示无。On focus（）显示z索引较高的另一个按钮。Twitter在其推文中使用此格式buttons@Mooseman错了吗？对不起，我只是新来的。@Leeish，我可以引用这个函数中的按钮吗？为什么要使用jQuery（

$（'#addbtn'）。单击（函数（）{

）和纯JS（

document.getElementById（'addMat'）。style.display==“无”

）？我“认为”您的$（this）将引用#addMat元素，而不是#addbtn元素。这就是您想要的吗？一点HTML将有所帮助，因为我不确定哪个元素是按钮。您可以使用focus（）Psuedo类在纯CSS中执行此操作。创建两个按钮，其中一个显示无。On focus（）显示z索引较高的另一个按钮。Twitter在其推文中使用此格式buttons@Mooseman错了吗？对不起，我只是新来的。@Leeish，我可以引用此函数中的按钮吗？.attr仅在OP使用的jquery版本早于1.6时有效。attr仅在OP使用的jquery版本早于1.6时有效