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

两个选项。

有两个按钮，删除和确定。当用户加载页面时，删除按钮是可见的，当他们单击删除
时
$（ '＃deleteButton'）隐藏（）; $（'＃okButton）显示（）;

的

$('#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>

JS：

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

切换按钮onclick

4 个答案: