0

クリックしたときにボタンのテキストを変更するにはどうすればよいですか? もう一度クリックすると元に戻りますか？私は私が作ったこの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');
});
4

3 に答える 3

2

すべてを 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');
    }
});
于 2013-01-13T16:48:36.590 に答える
2 
$('#addbtn').click(function (){
    if(document.getElementById('addMat').style.display === "none"){
        document.getElementById('addMat').style.display = "inline";
        $(this).attr("value","Cancel");
    }else{
        document.getElementById('addMat').style.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");
    }
});
于 2013-01-13T16:48:41.950 に答える
0 
$(this).prop('value', 'Cancel');

また

$(this).html('Cancel');

これを行う最善の方法は、ボタンを作成し、テキストの周りにスパンタグを配置することです

$("span", this).text("My NEW Text");
于 2013-01-13T16:55:58.180 に答える