如何用JS单击某个按钮,然后在本内中删除该按钮? 100
如何用JS单击某个按钮,然后在本内中删除该按钮?功能类似于购物车中的去掉某个商品.比如单击aaa按钮,则将"aaa:<inputtype='button'onclick=...
如何用JS单击某个按钮,然后在本内中删除该按钮?功能类似于购物车中的去掉某个商品.比如单击aaa按钮,则将"aaa:<input type='button' onclick='return on_del_click("aaa");' value="aaa">"这部分清除掉.
先在此谢过各位了.
<SCRIPT LANGUAGE="JavaScript">
<!--
function on_del_click(cookie_name)
{
//这里本人不知道怎么写
document.cookie = cookie_name+"=";
//deleteCookie(cookie_name);
window.open("123.asp", "_self", "");
return false;
}
//-->
</SCRIPT>
<form action='ok.asp' method='post'>
aaa:<input type='button' onclick='return on_del_click("aaa");' value="aaa"><br>
bbb:<input type='button' onclick='return on_del_click("bbb");' value="bbb"><br>
ccc:<input type='button' onclick='return on_del_click("ccc");' value="ccc">
</form>
先谢谢1楼的朋友给出的答案，不过还是有问题。我想实现的效果是比如单击aaa按钮，则将“aaa:<input type='button' onclick='return on_del_click("aaa");' value="aaa">”这部分清除掉。你给的代码只能实现去掉按钮，但“aaa:”仍存在；另外是删除按钮后页面依然停留在本页而不是跳转到ok.asp去。 展开
先在此谢过各位了.
<SCRIPT LANGUAGE="JavaScript">
<!--
function on_del_click(cookie_name)
{
//这里本人不知道怎么写
document.cookie = cookie_name+"=";
//deleteCookie(cookie_name);
window.open("123.asp", "_self", "");
return false;
}
//-->
</SCRIPT>
<form action='ok.asp' method='post'>
aaa:<input type='button' onclick='return on_del_click("aaa");' value="aaa"><br>
bbb:<input type='button' onclick='return on_del_click("bbb");' value="bbb"><br>
ccc:<input type='button' onclick='return on_del_click("ccc");' value="ccc">
</form>
先谢谢1楼的朋友给出的答案，不过还是有问题。我想实现的效果是比如单击aaa按钮，则将“aaa:<input type='button' onclick='return on_del_click("aaa");' value="aaa">”这部分清除掉。你给的代码只能实现去掉按钮，但“aaa:”仍存在；另外是删除按钮后页面依然停留在本页而不是跳转到ok.asp去。 展开
3个回答
展开全部
用jquery来就简单的很了，基本思路就是你点击这个按钮，执行你要做的事，再隐藏掉这个按钮，代码入下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.3.js"></script>
<script type="text/jscript">
$(document).ready(function(){
$("#aa").click(function(){
//你要做什么
$("#a").hide();//隐藏按钮
})
})
</script>
</head>
<body>
<div id="a">aaaaa<input id="aa" name="aa" type="button" value="确定"/></div>
</body>
</html>
不会的话可以加我：409067940
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.3.js"></script>
<script type="text/jscript">
$(document).ready(function(){
$("#aa").click(function(){
//你要做什么
$("#a").hide();//隐藏按钮
})
})
</script>
</head>
<body>
<div id="a">aaaaa<input id="aa" name="aa" type="button" value="确定"/></div>
</body>
</html>
不会的话可以加我：409067940
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一楼的回答是可行的。思路就是那样！
<div>aaa:<input type='button' onclick='return on_del_click("aaa",this.parentNode);' value="aaa"></div>
<div>bbb:<input type='button' onclick='return on_del_click("bbb",this.parentNode);' value="bbb"></div>
<div>ccc:<input type='button' onclick='return on_del_click("ccc",this.parentNode);' value="ccc"></div>
给每一个input加上一个div;div是input的父节点。这样就可以直接从页面中连同父节点一并移除，那么类似aaa:bbb:ccc:这样的内容也就会被完全移出。
一楼的只是：从元素的父节点中移出元素本身；而我这里稍加修改：从元素的父节点的父节点中移出元素的父节点（当然也就包含了元素本身）；之所以加上div是为了精确性起见
<div>aaa:<input type='button' onclick='return on_del_click("aaa",this.parentNode);' value="aaa"></div>
<div>bbb:<input type='button' onclick='return on_del_click("bbb",this.parentNode);' value="bbb"></div>
<div>ccc:<input type='button' onclick='return on_del_click("ccc",this.parentNode);' value="ccc"></div>
给每一个input加上一个div;div是input的父节点。这样就可以直接从页面中连同父节点一并移除，那么类似aaa:bbb:ccc:这样的内容也就会被完全移出。
一楼的只是：从元素的父节点中移出元素本身；而我这里稍加修改：从元素的父节点的父节点中移出元素的父节点（当然也就包含了元素本身）；之所以加上div是为了精确性起见
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议将按钮隐藏，具体操作如下：
1、定义按钮：<input type="button" id="btn1" text="按钮名称">
2、JS单击事件：
$("#btn").click(function{
//其它操作
$("#btn").hide();
})
1、定义按钮：<input type="button" id="btn1" text="按钮名称">
2、JS单击事件：
$("#btn").click(function{
//其它操作
$("#btn").hide();
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
