需要帮助我设计html/css/javascript吗

我正在尝试设计一个文件托管网站模板，问题是我重新设计了单选按钮以div元素，使其具有自定义图像，而不是javascript的默认圆圈

我的html

<div id="btn1" name="btn1" class="buttonDiv" value='1' onclick="btnClick('1')" style="background: url(images/inSprite.png) no-repeat scroll 0 -163px; color:#333;"><div id="btnTxt">local</div></div>

<div id="btn2" name="btn2" class="buttonDiv" value='2' onclick="btnClick('2')"><div class="btnTxt">remote</div></div>

本地
遥远的

如果我点击任何其他选项卡，它工作正常，并且该选项卡被选中

但是脚本存储了最后选择的标签的cookie，所以下次有人自动访问该站点时，该标签就会显示出来，所以我在div中手动硬编码了css，它破坏了设计，就像下面的图片中，我选择了“URL Upload”，然后重新加载页面

在选择器中，它显示表单上载，但URL上载选项卡打开

请帮我解决这个问题，这样，如果URL上传是打开的，它会显示上面选项卡中选择的URL上传

由于限制，我不能使用任何框架，我只能使用javascript，不能使用框架。请帮助我解决问题，因为我对javascript的了解很少

多谢各位

问候,

---

Shishant Todi

IMHO，这是一个非常糟糕的主意-首先，对于没有JS的人来说，你的页面会被破坏，其次，现在你必须重新实现所有标准化的、浏览器安全的、以单选按钮形式预先编写的内容，而且你正在打破一个众所周知的用户惯例

---

我强烈建议你重新考虑单选按钮。您不应该将表单置于功能之上。

您需要在浏览器关闭后保留单选按钮的状态。Cookie是我能想到的唯一方法，您可以使用javascript操纵Cookie。（谷歌搜索“javascript cookies”可以得到很多关于这方面的好教程。）

<div id="btn1" name="btn1" class="buttonDiv" value='1' onclick="btnClick('1')" style="background: url(images/inSprite.png) no-repeat scroll 0 -163px; color:#333;"><div id="btnTxt">local</div></div>

<div id="btn2" name="btn2" class="buttonDiv" value='2' onclick="btnClick('2')"><div class="btnTxt">remote</div></div>