Блог

Главная - Вопросы по программированию - jquery изменить текст кнопки с сохранения на редактирование 2 способами

jquery изменить текст кнопки с сохранения на редактирование 2 способами

#javascript

#javascript

Вопрос:

я новичок в программировании и хочу спросить, как изменить кнопку 2 способом.

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

сначала, когда я нажимаю, я перехожу к «Редактировать», а затем к тому, как нажать «Сохранить» при нажатии.

Спасибо

Ответ №1:

Напишите небольшую функцию переключения:

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

Комментарии:

1. @GreenCat Если другой ответ был полезен, вы можете проголосовать за него (используя стрелки вверх рядом с оценкой). Принятие может быть сделано только для одного ответа.

2. может помочь мне в другой проблеме? еще один глупый вопрос -извините ..из выберите <значение параметра =»01″>Январь</option> <поиск> поэтому, когда я перехожу на другие страницы, которые я просматриваю, используя <?php echo $this->input->(‘month’);?>..как я могу вместо этого просмотреть январьиз 01

3. @GreenCat Вам придется задать другой вопрос.

Ответ №2:

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

Ответ №3:

проверьте это:

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

        }

  else

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

           }
      });
       });

http://jsfiddle.net/2m5q7/

Ответ №4:

Простой троичный оператор сделает это:

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

Или вы можете передать функцию в .text() :

ДЕМОНСТРАЦИЯ

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

Комментарии:

1. Обратный вызов, переданный в text() , получит текущий текст в качестве второго аргумента, так что вам не нужно снова вызывать этот метод для его извлечения.

2. еще один глупый вопрос -извините ..из выберите <значение параметра =»01″>Январь</option> <поиск> поэтому, когда я перехожу на другие страницы, которые я просматриваю, используя <?php echo $this->input->(‘month’);?>..как я могу вместо этого просмотреть январьиз 01

Метки: