javascript alert框 确认,取消两个按钮实现
时间: 2024-02-20 20:59:22 浏览: 13
使用JavaScript中的`confirm()`方法可以创建一个具有确认和取消两个按钮的警告框,示例如下:
```javascript
if (confirm("确定要执行此操作吗?")) {
// 用户点击了确认按钮
// 执行相应操作
} else {
// 用户点击了取消按钮
// 取消操作
}
```
在上述代码中,当用户点击确认按钮时,`confirm()`方法返回`true`,否则返回`false`。因此我们可以使用`if`语句来判断用户的选择,进而执行相应的操作。
相关问题
htmljavascript简单随机抽选选中加关闭两个按钮
好的,为了让您更好地使用随机抽选功能,这里提供一个带有“选中”和“关闭”按钮的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机抽选</title>
</head>
<body>
<h1>随机抽选</h1>
<p>请输入选项,用英文逗号分隔:</p>
<input type="text" id="options">
<button onclick="randomSelection()">抽选</button>
<p id="result"></p>
<div id="buttons" style="display: none;">
<button onclick="confirmSelection()">选中</button>
<button onclick="closeSelection()">关闭</button>
</div>
<script>
var options = [];
var randomIndex = -1;
function randomSelection() {
options = document.getElementById("options").value.split(",");
randomIndex = Math.floor(Math.random() * options.length);
var result = options[randomIndex];
document.getElementById("result").innerHTML = "选中:" + result;
document.getElementById("buttons").style.display = "block";
}
function confirmSelection() {
alert("您已选中:" + options[randomIndex]);
closeSelection();
}
function closeSelection() {
document.getElementById("result").innerHTML = "";
document.getElementById("buttons").style.display = "none";
document.getElementById("options").value = "";
options = [];
randomIndex = -1;
}
</script>
</body>
</html>
```
在这个示例中,您依然需要输入要抽选的选项,然后点击“抽选”按钮随机抽选一个选项,并在页面上显示出来。但是,与之前不同的是,现在页面上还会显示两个按钮:“选中”和“关闭”。
当您点击“选中”按钮时,会弹出一个提示框,告诉您您已经选中了哪个选项,并且页面上的结果和按钮都会消失,您需要重新输入选项才能进行下一次抽选。
当您点击“关闭”按钮时,页面上的结果和按钮都会消失,并且您输入的选项也会被清空,您可以重新输入选项进行下一次抽选。
利用Javascript或者Jquery实现两个数字加减乘除
你可以使用以下代码来实现两个数字的加减乘除运算:
```html
<!DOCTYPE html>
<html>
<head>
<title>数字运算</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>数字运算</h1>
<label for="num1">输入第一个数字:</label>
<input type="text" id="num1">
<br>
<label for="num2">输入第二个数字:</label>
<input type="text" id="num2">
<br>
<button id="btnAdd">加</button>
<button id="btnSubtract">减</button>
<button id="btnMultiply">乘</button>
<button id="btnDivide">除</button>
<script>
$(document).ready(function() {
$('#btnAdd').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 + num2;
alert('结果为:' + result);
});
$('#btnSubtract').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 - num2;
alert('结果为:' + result);
});
$('#btnMultiply').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
var result = num1 * num2;
alert('结果为:' + result);
});
$('#btnDivide').click(function() {
var num1 = parseFloat($('#num1').val());
var num2 = parseFloat($('#num2').val());
if (num2 !== 0) {
var result = num1 / num2;
alert('结果为:' + result);
} else {
alert('除数不能为0!');
}
});
});
</script>
</body>
</html>
```
将上述代码保存为一个 HTML 文件并在浏览器中打开,您就可以在页面中输入两个数字,然后点击相应的按钮进行加减乘除运算,最后弹出一个对话框,显示运算结果。请注意,代码中使用`parseFloat()`函数将输入的值转换为浮点数,以确保正确的计算结果。