sinobuy
  

你好! 访客. 请先 登陆注册一个帐号.
十月 23, 2019, 01:38:28 am
论文答辩趣闻 新年祝福短信 淘淘成长日记 可爱发行全攻略 鬼故事一箩筐 杨柳青石家大院 淘淘成长日记
* 首页 说明 搜索 日历 登陆 注册
公告和新闻:现在关注原生态购物网微博 ,转发就送3元  点击进入
原生态论坛  |  设计专版  |  网页/程序设计 (版主: tianya)  |  主题: 关于页面html代码有变更后选中状态保留有关问题 0 会员 以及 1 访客 正在阅读本篇主题. « 上一篇主题 下一篇主题 »
页: [1] 向下 打印
作者 主题: 关于页面html代码有变更后选中状态保留有关问题  (阅读 1320 次)
水影凝月
Administrator(管理员)
级别:东方不败
*****

受欢迎度: 190
在线 在线

帖子: 23119


451314485
个人网站 电子邮件
关于页面html代码有变更后选中状态保留有关问题
« 于: 一月 12, 2015, 10:40:25 am »

关于页面html代码有变更后选中状态保留问题
在页面上面有单选按钮组,我已经有选中了,我用js在后续页面补充了新的代码段,这个时候会发现前面的单选按钮选中状态被重置了。有什么办法可以保留选中状态?

一个简单的例子可以验证我的问题:


<script>
function test()
{
var testhtm = "选中被取消了!";
document.getElementById("d1").innerHTML = document.getElementById("d1").innerHTML + testhtm;
}
</script>
<div id="d1" name="d1">
<input type="radio" name="t">按钮1
<input type="radio" name="t">按钮2
<input type="checkbox" name="t1">选中我
<input type="button" value="点击插入" onclick="javascript:test()">
</div>
------解决思路----------------------

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script><script>

function test()

{

var testhtm = "选中被取消了!";

  $('#d1').append(testhtm);

}

</script>

<div id="d1" name="d1">

<input type="radio" name="t">按钮1

<input type="radio" name="t">按钮2

<input type="checkbox" name="t1">选中我

<input type="button" value="点击插入" onclick="javascript:test()">

</div>


------解决思路----------------------



 function test()

 {

 var testhtm = "选中被取消了!";

 var span = document.createElement("span");

 span.innerHTML = testhtm;

 document.getElementById("d1").appendChild(span);

 }




------解决思路----------------------
不要设置innerHTML,要用DOM的API来添加子节点

    function test() {

        var node = document.createTextNode("选中被取消了!")

        document.getElementById("d1").appendChild(node);

    }
已记录


原生态特色礼品:沉香 紫檀 黄花梨
页: [1] 向上 打印 
原生态论坛  |  设计专版  |  网页/程序设计 (版主: tianya)  |  主题: 关于页面html代码有变更后选中状态保留有关问题 « 上一篇主题 下一篇主题 »
跳到:  

友情链接: 原生态购物网 原生态官方博客  佛珠网  搜狐社区 淑女情缘论坛 沉香
  原生态论坛© 2005~2017, www.sinobuy.cn 版权所有
Powered by SMF 1.1 RC1 Lewis Media.
Powered by MySQL  Powered by PHP  Valid XHTML 1.0!  Valid CSS!