Кнопки переключения onclick

Question

Я хотел бы переключить кнопки на кнопке onclick. Таким образом, сценарий - это окно с информацией, и пользователь затем нажимает кнопку удаления, чтобы избавиться от чего-то. После опции удаления я хотел бы, чтобы кнопка удаления переключалась на кнопку «ОК», где, если пользователь нажимает на нее, окно закрывается.

Answer 1

Насколько я обычно избегаю делать домашние задания других народов ...

<style> 
.button-text.hidden {display: none;} 
</style> 

<script> 
$(function() { 
    $('button').click(function() { 
     $(this).find('.button-text').toggleClass('hidden'); 
    }); 
}); 
</script> 

<button> 
    <span class="button-text">Text One</span> 
    <span class="button-text hidden">Text Two</span> 
</button> 

Вам нужно настроить в соответствии с. Возможно, вам не нужен настоящий переключатель. Вы также можете сделать простую замену текста:

<button>Text</button> 

<script> 
$(function() { 
    $('button').click(function() { 
     $(this).text('My New Text'); 
    }); 
}); 
</script> 

Answer 2

Возможно, у вас есть другая кнопка с текстом ОК и закрытие элемента. После удаления вы можете скрыть или удалить кнопку удаления.

В качестве альтернативы вы можете изменить текст кнопки при удалении. Затем, когда нажата кнопка, вам нужно проверить, является ли текст кнопки «Удалить» или «ОК». Затем, если это нормально, закройте все, что вам нужно закрыть.

Без кода, трудно представить пример.

Надеюсь, это поможет,

Answer 3

Два варианта.

1. есть две кнопки, удалить и нормально. Когда пользователь загружает страницу, кнопка удаления видна, когда они нажимают кнопку «Удалить»

   $ ('# deleteButton'). Hide(); $ ('# okButton;). Show();

из

$('#deleteButton, #okButton')toggle(); 

или изменить текст кнопки удаления при нажатии на ОК

$('#allButton').html('ok'); // or $('#allButton').val('ok'); 

и при нажатии проверить HTML кнопки

if($('#allButton').html() == 'ok'){ 
    // close 
}else 
{ 
    // perfom delete 
} 

Answer 4

Я думаю, что это то, что вы хотите: http://jsfiddle.net/webcarvers/6EB78/

HTML:

<p class="content">This a sample content to delete</p> 
<button type="button" id="button" class="delete">Delete</button> 

ЯШ:

$(document).ready(function(){ 
$("#button").on('click', function(){ 
    if($(this).hasClass("delete")) 
    { 
     $(".content").remove(); 
     $(this).addClass("ok").removeClass("delete").text("Ok"); 
    } 
    else 
    { 
     alert("Content Deleted!") 
    } 
}); 
});