2011-06-22 44 views
8

可能重複:
how to create yes/no/cancel box in javascript instead of ok/cancel?在確認框中顯示是和否按鈕,而不是確定並取消?

在確認消息中,我如何可以改變的按鈕說「是」和「否」,而不是「確定」和「取消」 ?有什麼方法可以使用jQuery/Javascript來完成這個任務嗎?預先感謝您的幫助。

+0

謝謝甜甜圈。編輯我的問題。 – user300485

+0

@Felix:它不是一個完全相同的副本,因爲上一個問題的答案沒有提到如何使用JQuery來做到這一點,只有這是可能的。雖然這裏的答案可以合併在這個問題中。 –

+0

@PaloEbermann:好的,有一個鏈接到jQuery對話框。我認爲我們可以從開發者那裏期望他們閱讀文檔(如果他們知道在哪裏可以找到它)。它仍然是重複的,問題是關於完全相同的問題。 –

回答

1

不,不可以更改confirm函數顯示的對話框中按鈕的內容。但是,您可以使用Javascript創建一個類似的對話框。 This page列出了幾種不同的方法來完成這一點。

$("#id").dialog({ 
    buttons: { 
    "Yes": function() {}, 
    "No": function() {} 
    } 
}); 
12

如果切換到jQuery UI的對話框,您就可以使用相應的名稱初始化按鈕陣列知道,不可能改變按鈕的內容,至少不容易。這是相當容易有使用jQuery UI的對話框使用JQuery UI though

1

有Jquery的警報plugin

$.alerts.okButton = ' Yes '; 
$.alerts.cancelButton = ' No '; 
9

創建自己的確認框:

<div id="confirmBox"> 
    <div class="message"></div> 
    <span class="yes">Yes</span> 
    <span class="no">No</span> 
</div> 

創建自己confirm()方法:通過您的代碼

function doConfirm(msg, yesFn, noFn) 
{ 
    var confirmBox = $("#confirmBox"); 
    confirmBox.find(".message").text(msg); 
    confirmBox.find(".yes,.no").unbind().click(function() 
    { 
     confirmBox.hide(); 
    }); 
    confirmBox.find(".yes").click(yesFn); 
    confirmBox.find(".no").click(noFn); 
    confirmBox.show(); 
} 

叫它:

doConfirm("Are you sure?", function yes() 
{ 
    form.submit(); 
}, function no() 
{ 
    // do nothing 
}); 

您需要將CSS添加到樣式中並適當定位確認框。

工作演示:jsfiddle.net/Xtreu

+0

這不起作用,請更改代碼或提供更多關於此的描述。 –

+0

@jubinPatel - 這是一個工作演示:http://jsfiddle.net/Xtreu/ – gilly3

+0

現在感謝它的作用。 –

相關問題