js 确定取消(js如何实现确定取消功能)
一、js提示框点击确定删除取消不删除 求代码 纤细一点的
confirm()方法用于显示一个带有指定消息和 OK及取消按钮的对话框。
如果用户点击确定按钮,则 confirm()返回 true。如果点击取消按钮,则 confirm()返回 false。在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm()时,将暂停对 JavaScript代码的执行,在用户作出响应之前,不会执行下一条语句。<BODY><arel="external nofollow" href="xxoo.asp?id=<%=rs("id")%>"onclick="return confirm('确定将此记录删除?')">删除</a></BODY>
二、js实现选中跟取消选择的操作
经常会遇到选择多个数据中的某条数据,然后再取消选择,如下图
以前我一般会给每条数据加条状态,checked,每次点击去取反,后面发现另外一个方法,不需要加状态就能实现,这样对数据少循环(加状态)了一次
html
data
js
取消选择只要判断这次的id跟上次存的id是否一样,不一样就赋值,一样就清空,这样在dom里面的判断就false,就不会加选中的样式了,比之前加状态少了一次遍历,只是在赋值这边多了个判断
三、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>