HTML中三个关联按钮的实现，按钮激活和非激活状态的切换
一共有三个按钮，确定、撤销、删除。最开始只有”确定“按钮是激活状态，当点击了“确定”后，”撤销“按钮被激活，此时，“删除”还在非激活状态；当点击了“撤销”后，“删除”按钮...
一共有三个按钮，确定、撤销、删除。最开始只有”确定“按钮是激活状态，
当点击了“确定”后，”撤销“ 按钮 被激活，此时，“删除” 还在非激活状态；
当点击了“撤销”后，“删除”按钮 被激活；
有哪位大神可以给我实现以上要求的代码，谢了（用js代码的也行） 展开
当点击了“确定”后，”撤销“ 按钮 被激活，此时，“删除” 还在非激活状态；
当点击了“撤销”后，“删除”按钮 被激活；
有哪位大神可以给我实现以上要求的代码，谢了（用js代码的也行） 展开
2个回答
展开全部
代码如下，实际使用时将alert("xxx");替换为对应操作(确定、撤消、删除)的具体代码
<html>
<head>
<script>
function clickBtn(obj) {
switch (obj.id) {
case "confirm":
alert("确定");
document.getElementById("cancel").disabled = false;
break;
case "cancel":
alert("撤消");
document.getElementById("delete").disabled = false;
obj.disabled = true;
break;
case "delete":
alert("删除");
obj.disabled = true;
break;
}
}
</script>
</head>
<body>
<button id="confirm" onclick="clickBtn(this)">确定</button>
<button id="cancel" onclick="clickBtn(this)" disabled="disabled">撤消</button>
<button id="delete" onclick="clickBtn(this)" disabled="disabled">删除</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码如下，实际使用时将alert("xxx");替换为对应操作(确定、撤消、删除)的具体代码
12345678910111213141516171819202122232425262728<html><head><script>function clickBtn(obj) { switch (obj.id) { case "confirm": alert("确定"); document.getElementById("cancel").disabled = false; break; case "cancel": alert("撤消"); document.getElementById("delete").disabled = false; obj.disabled = true; break; case "delete": alert("删除"); obj.disabled = true; break; }}</script></head><body><button id="confirm" onclick="clickBtn(this)">确定</button><button id="cancel" onclick="clickBtn(this)" disabled="disabled">撤消</button><button id="delete" onclick="clickBtn(this)" disabled="disabled">删除</button></body></html>
12345678910111213141516171819202122232425262728<html><head><script>function clickBtn(obj) { switch (obj.id) { case "confirm": alert("确定"); document.getElementById("cancel").disabled = false; break; case "cancel": alert("撤消"); document.getElementById("delete").disabled = false; obj.disabled = true; break; case "delete": alert("删除"); obj.disabled = true; break; }}</script></head><body><button id="confirm" onclick="clickBtn(this)">确定</button><button id="cancel" onclick="clickBtn(this)" disabled="disabled">撤消</button><button id="delete" onclick="clickBtn(this)" disabled="disabled">删除</button></body></html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
