jquery更改按鈕文本從保存編輯2種方式

我在編程新手，並想問如何更改按鈕2方式。jquery更改按鈕文本從保存編輯2種方式

<button type="button" id="button">Save</button> 
<script> 
$(document).ready(function() { 
    $('#button').click(function(){ 
    $('#button').text("Edit"); 
     }); 
     });

初始當我點擊我轉向「編輯」，然後點擊時點擊「保存」。

謝謝

來源

2014-06-27 GreenCat

寫一個小的切換功能：

$('#button').on('click', function() { 
    $(this).text(function(_, value) { 
     return value == 'Save' ? 'Edit' : 'Save'; 
    }); 
});

來源

2014-06-27 07:05:56

非常感謝你 – GreenCat

@GreenCat如果其他答案有用，你可以選擇upvote（使用旁邊的箭頭）。只有一個答案可以接受。 –

可以幫助我解決另一個問題嗎？另一個愚蠢的問題 - 對不起..從選擇<選項值=「01」>一月

所以當轉到另一個頁面我使用<？php echo $ this-> input - >（'month'）;？>查看。 .how如何查看1月而不是01 – GreenCat

一個簡單的三元運算符將做到這一點：

$('#button').click(function(){ 
    $(this).text($(this).text() == 'Save' ? 'Edit' : 'Save'); 
});

或者你也可以通過一個函數來.text()：

Demo

$('#button').click(function(){ 
    $(this).text(function(_, val){ 
     return val == 'Save' ? 'Edit' : 'Save'; 
    }); 
});

來源

2014-06-27 07:03:32 MrCode

傳遞到'文本的回調（）'將獲得當前文本作爲第二個參數，所以您不需要再次調用該方法來檢索它。 –

另一個愚蠢的問題 - 對不起..從選擇<選項值=「01」>一月

所以當轉到另一個頁面我查看通過使用<？php echo $ this-> input - >（'month'）;？> ..how我可以查看1月而不是01 – GreenCat

$(document).ready(function() { 
    var editing = false; 
    $('#button').click(function(){ 
     editing = !editing; 
     if (editing) { 
      $('#button').text("Edit"); 
     } else { 
      $('#button').text("Save"); 
     } 
    }); 
});

來源

2014-06-27 07:05:22

非常感謝你 – GreenCat

檢查：

$(document).ready(function() { 
    $('#button').click(function(){ 
if($('#button').text()=='Save') 
     { 
     $('#button').text("Edit"); 

     } 

    else 

     { 
     $('#button').text("Save"); 

      } 
     }); 
     });

http://jsfiddle.net/2m5q7/

來源

2014-06-27 07:07:33

jquery更改按鈕文本從保存編輯2種方式

回答

相關問題