Javascript 如何在sweet alert中将复选框属性checked更改为true或false
我希望使用sweet alert来确认,当用户单击复选框时,它会显示一条请求确认的消息。但是如果用户单击取消操作,我希望复选框返回到未检查状态(prop(“checked”,false)) 我试图在swal内部以及if/else函数之后创建一个函数,但我无法发现如何使swal返回某些内容,也无法在单击“取消”按钮时使其执行函数。我也面临着在swal对象中查找复选框的问题 HTMLJavascript 如何在sweet alert中将复选框属性checked更改为true或false,javascript,jquery,sweetalert,Javascript,Jquery,Sweetalert,我希望使用sweet alert来确认,当用户单击复选框时,它会显示一条请求确认的消息。但是如果用户单击取消操作,我希望复选框返回到未检查状态(prop(“checked”,false)) 我试图在swal内部以及if/else函数之后创建一个函数,但我无法发现如何使swal返回某些内容,也无法在单击“取消”按钮时使其执行函数。我也面临着在swal对象中查找复选框的问题 HTML 在swal内部或if/else内部,它总是在按下按钮之前执行。您可以尝试引用此选项 $(document).read
在swal内部或if/else内部,它总是在按下按钮之前执行。您可以尝试引用此选项
$(document).ready(() => {
$("input.accomplish").change(function(){
const that = this // here a is change
单击“取消”按钮后,取消选中复选框
else {
that.checked= false;// here is a change
output = false;
swal("Ok, we finish this task later", {
icon: "info",
timer: 1500,
buttons : {
confirm : {
text: "Dismiss",
className: 'btn btn-primary'
}
}
});
}
您使用的是swal2插件,而不是原始swal HTML在swal中出现之前就在这里被引入了,但在用法上有所不同。而不是 正文:“, html:对 你应该用
html:,我认为您应该将swal按钮内的类作为目标,这些类已经应用,因此尝试一下,在发出甜蜜警报后,检查一个条件,例如,swal中的ao cancel按钮给出另一个类,如“btn btn danger delete”,然后将if条件作为“delete”类的目标。如果单击,则执行此操作,否则执行此操作。检查swal外部的条件,如
$(document)。在('click','.delete',function(){//here write your checkbox code})代码>等等。是的,这帮助我解决了我的问题,但存储“这”对我不起作用。我将该操作直接用于id$(“#task-checkbox1”).prop(“checked”,false)代码>在else块内。这很有效。特别是在我的项目中,我使用引导切换插件将复选框转换为开关,因此我必须使用$(“#task-checkbox1”).bootstrapToggle('false')代码>更正我的上一条评论:$(“#任务-checkbox1”).bootstrapToggle('off')代码>(5分钟后无法编辑)
$("#task-checkbox1").prop("checked", false);
$(document).ready(() => {
$("input.accomplish").change(function(){
const that = this // here a is change
else {
that.checked= false;// here is a change
output = false;
swal("Ok, we finish this task later", {
icon: "info",
timer: 1500,
buttons : {
confirm : {
text: "Dismiss",
className: 'btn btn-primary'
}
}
});
}