導航:首頁 > 編程語言 > js確認彈框

js確認彈框

 發布時間：2023-05-02 16:35:46

1. js彈出框顯示請選擇 性別和單選按鈕男女和一個確認按鈕 如何實現

js中alert()方法就可以實現這種效果。種效果常用於表單驗證時彈出提示信息。

下面是用jquery編寫的表內單驗證的簡單例子容:

<html>
<body>
<scripttype="javascript/text"src="jquery.js"></script>
<formid="form"method="post"action="">
性別:男<inpyttype="radio"name="sex"value="0">女<inpyttype="radio"name="sex"value="1">
<inpyttype="button"id="button"value="提交">
</form>
<scripttype="javascript/text">
$("#button"),click(function(){//提交按鈕被點擊觸發
if($("input[name='sex']").is("checked")){//獲取name為sex的input的對象並判斷是否被選中
$("#form").submit();");//如果性別的單選按鈕有被選擇則提交表單
}else{
alert("請選擇性別");//如果性別的單選按鈕沒有被選擇則彈出提示
}
});
</script>
</body>
</html>

2. js利用確認框comfirm( )，提問框prompt( )和打開新窗口window.open(

var uri = "http://www.imooc.com";
window.onload = function () {
if (confirm("是否打開新窗口？"))
{
uri = window.prompt("請輸入打開的網址", uri);
if (uri) {
window.open(uri, "_blank", "width=400,height=500,menubar=no,toolbar=no,status=no", true);
}
else {
alert("您輸入了空網址！");
}
}
}

3. 關於js,想要實現點擊刪除彈出確認框 當只有第一個有確認框

是只有第一次點擊的時候彈出提示框嗎？如果是這樣的話可以定義一個全局變數，內初始為true或者其他什容么你喜歡的，當你第一次點擊的時候把這個值改為false，然後在彈出提示框前加個判斷就可以過濾掉後續的提示框了。

4. 如何用JS彈出「有輸入框並帶有是、否、取消按鈕」的對話框。

具體代碼如下：

<html>

<head>

<script type="text/javascript">

function disp_prompt()

{

var name=prompt("請輸入您的名字","小賈")

if (name!=null && name!="")

{

document.write("你好，" + name + "！今天過得好嗎？")

}

}

</script>

</head>

<body>

<input type="button" onclick="disp_prompt()" value="顯示一個提示框" />

</body>

</html>

(4)js確認彈框擴展閱讀：

prompt() 方法用於顯示可提示用戶進行輸入的對話框。

如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認按鈕，則返回輸入欄位當前顯示的文本。

在用戶點擊確定按鈕或取消按鈕把對話框關閉之前，它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時，將暫停對 JavaScript 代碼的執行，在用戶作出響應之前，不會執行下一條語句。

5. js彈出確認框 點擊確認執行一個語句 點取消就往下執行

if(a!=u||b!=p){
if(window.confirm('你確定？')){
//繼續執行
}
}

6. 手機移動端美化彈窗提示確認框js特效代碼

<script type="text/javascript">

$(function(){

  $('#demo1').on('click', function(){

webToast("恭喜您，修改成功恭喜您，修改成功恭喜您修改成功恭喜您","middle",3000);

  });

  $('#demo2').on('click', function(){

popTipShow.alert('彈窗標題','自定義彈窗內容，居左對齊顯示，告知需要確認的信息等', ['知道了'],

function(e){

  //callback 處理按鈕事件  

  var button = $(e.target).attr('class');

  if(button == 'ok'){

//按下確定按鈕執行的操作

//todo ....

this.hide();

  }

}

);

  });

  $('#demo3').on('click', function(){

popTipShow.confirm('彈窗標題','自定義彈窗內容，居左對齊顯示，告知需要確認的信息等',['確 定','取 消'],

function(e){

  //callback 處理按鈕事件

  var button = $(e.target).attr('class');

  if(button == 'ok'){

//按下確定按鈕執行的操作

//todo ....

this.hide();

setTimeout(function() {

webToast("操作成功","top", 2000);

}, 300);

  }

  if(button == 'cancel') {

//按下取消按鈕執行的操作

//todo ....

this.hide();

setTimeout(function() {

webToast("您選擇「取消」了","bottom", 2000);

}, 300);

  }

}

);

  });

  $('#demo4').on('click', function(){

var html = "<label>姓名：<input class='confirm_input' placeholder='請輸入'></label>";

popTipShow.confirm('彈窗標題',html,['確 定','取 消'],

function(e){

  //callback 處理按鈕事件

  var button = $(e.target).attr('class');

  if(button == 'ok'){

if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){

webToast("姓名不能為空！","bottom", 3000);

return;

}

this.hide();

setTimeout(function() {

webToast($(".confirm_input").val(),"bottom", 3000);

}, 300);

//按下確定按鈕執行的操作

//todo ....

  }

  if(button == 'cancel') {

//按下取消按鈕執行的操作

//todo ....

this.hide();

setTimeout(function() {

webToast("您選擇「取消」了","top", 2000);

}, 300);

  }

}

);

  });

});

</script>

7. 如何在js中實現點擊按鈕彈出提示框

需要准備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如察清灶：index.html，輸入問題基礎代碼。

閱讀全文

與js確認彈框相關的資料

熱點內容
桌面雲配置文件分離 瀏覽：505
iphone5如何升級4g網路 瀏覽：5
團購是在哪個app 瀏覽：897
打開多個word文檔圖片就不能顯示 瀏覽：855
騰訊新聞怎麼切換版本 瀏覽：269
app安裝失敗用不了 瀏覽：326
桌面文件滑鼠點開會變大變小 瀏覽：536
手機誤刪系統文件開不了機 瀏覽：883
微信兔子甩耳朵 瀏覽：998
android藍牙傳文件在哪裡 瀏覽：354
蘋果6s軟解是真的嗎 瀏覽：310
c語言代碼量大 瀏覽：874
最新網路衛星導航如何使用 瀏覽：425
以下哪些文件屬於圖像文件 瀏覽：774
zycommentjs 瀏覽：414
確認全血細胞減少看哪些數據 瀏覽：265
文件有哪些要求 瀏覽：484
cad打開時會出現兩個文件 瀏覽：65
什麼是轉基因網站 瀏覽：48
手柄設備有問題代碼43 瀏覽：921

友情鏈接