首页  >  文章  >  web前端  >  jquery怎么设置带是否的提示框

jquery怎么设置带是否的提示框

WBOY
WBOY原创
2022-06-24 16:41:131627浏览

在jquery中,可以利用prompt来设置带是否的提示框;当提示框出现后,用户需要输入某个值,然后点击“确认”或“取消”按钮才能继续操纵,若点击确认,则返回值为输入的值,若点击取消,则返回值为null,语法为“.prompt("sometext","defaultvalue")”。

jquery怎么设置带是否的提示框

本教程操作环境:windows10系统、jquery3.6.0版本、Dell G3电脑。

jquery怎么设置带是否的提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

语法为:

.prompt("sometext","defaultvalue");

示例如下:

function myFunction(){
var x;
var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!=""){
    x="你好 " + person + "! 今天感觉如何?";
    document.getElementById("demo").innerHTML=x;
}
}

输出结果:

10.png

扩展知识:

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。

语法

.alert("sometext");

12.png

确认框

确认框通常用于验证是否接受用户操作。

当确认框弹出时,用户可以点击 "确认" 或者 "取消" 来确定用户操作。

当你点击 "确认", 确认框返回 true, 如果点击 "取消", 确认框返回 false。

语法

.confirm("sometext");

13.png

视频教程推荐:jQuery视频教程

以上是jquery怎么设置带是否的提示框的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn