首页编程js 确定取消(js如何实现确定取消功能)

js 确定取消(js如何实现确定取消功能)

编程之家2024-06-01104次浏览

一、js提示框点击确定删除取消不删除 求代码 纤细一点的

confirm()方法用于显示一个带有指定消息和 OK及取消按钮的对话框。

js 确定取消(js如何实现确定取消功能)

如果用户点击确定按钮,则 confirm()返回 true。如果点击取消按钮,则 confirm()返回 false。在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm()时,将暂停对 JavaScript代码的执行,在用户作出响应之前,不会执行下一条语句。<BODY><arel="external nofollow" href="xxoo.asp?id=<%=rs("id")%>"onclick="return confirm('确定将此记录删除?')">删除</a></BODY>

二、js实现选中跟取消选择的操作

经常会遇到选择多个数据中的某条数据,然后再取消选择,如下图

以前我一般会给每条数据加条状态,checked,每次点击去取反,后面发现另外一个方法,不需要加状态就能实现,这样对数据少循环(加状态)了一次

html

js 确定取消(js如何实现确定取消功能)

data

js

取消选择只要判断这次的id跟上次存的id是否一样,不一样就赋值,一样就清空,这样在dom里面的判断就false,就不会加选中的样式了,比之前加状态少了一次遍历,只是在赋值这边多了个判断

js 确定取消(js如何实现确定取消功能)

三、js怎么实现点击选中,再次点击取消。

你好,下面是大概的效果,不过首先,你的包房名称要是唯一的,否则下列的代码会有bug,如果name不是唯一的,我可以提供另外一种思路给你

<html>

<head>

<title>zhong</title>

<styletype="text/css">

#divName{height:100px;}

#divNamelabel{display:inline-table;height:20px;line-height:20px;margin:05px;}

.divImgIn{width:100px;height:100px;background:blue;color:#000;}

.divImgOut{background:green;}

</style>

</head>

<body>

<divid="divName">

</div>

<div>

<divclass="divImgIn"name="广州">广州</div>

<divclass="divImgIn"name="上海">上海</div>

<divclass="divImgIn"name="深圳">深圳</div>

</div>

</body>

</html>

<scriptsrc=""type="text/javascript"></script>

<scripttype="text/javascript">

$(function(){

//为class=divImgIn的控件绑定click事件

$(".divImgIn").click(function(){

//使用toggleClass,如果class中没有divImgOut则附加上,有则减掉

$(this).toggleClass("divImgOut");

//获得当前的class,要么是divImgIn,要么是divImgIndivImgOut

varcss=$(this).attr("class");

//获得点击的房子的name属性

varname=$(this).attr("name");

//这个逻辑判断根据你的需求写

if(css!="divImgIn"){

//这句是加上一个label

$("#divName").append($("<labelname='"+name+"'>"+name+"</label>"));

}else{

//这句是删除label中name=name的

$("#divName").find("label[name='"+name+"']").remove();

}

})

})

</script>

遮罩动画怎么做(flash怎么做遮罩动画)手机之家网站 中关村手机论坛