`
莫生气
  • 浏览: 861502 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

多选框动态插入内容到页面去

XHTMLHTML 
阅读更多 
<!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=utf-8" />
<script>
function qwer(obj){
	var obj=document.getElementById(obj);
	if(obj.checked){
		document.getElementById("div1").innerHTML+="<li id='qwer1' style='border:1px solid #000;'>1111111111111111111111</li>";
		document.getElementById("qwer1").innerHTML+="<span id='qwer2' style='border:2px solid #F00;'>2222222222222222222</span>";
	}
	else{
		document.getElementById("qwer1").outerHTML="   ";
		alert(document.getElementById("div1").innerHTML);
	}
}

</script>
</head>

<body>
<input type="checkbox" name="checkbox" id="checkbox1" value="checkbox" onclick="qwer('checkbox1')" />
<br />
<br /><br /><br /><br /><br />
<ul id="div1">0000000000000000000</ul>
</body>
</html>
分享到：
| 转：js得到光标位置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页设计实验HTML的标签使用

    1、在新建的HTML文件中插入两个DIV标签，id为“left”“right” 2、给新建的标签建立CSS规则，设置它们的背景颜色，高度宽度以及边界，若都设为左浮动，那么两个标签都会靠左边，如果占不满空间的话。如果一个设置为...

    PHP动态网站开发插件

    检查多选框。 Float Layer.mxp Download 点击下载 定位层的横向流动，不管浏览器横向大小怎样变化，该层均不会改变位置。 Popup Message.mxp Download 点击下载 在“提交”按钮上添加注释。 Compare Fields.mxp ...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    大学计算机网络设计报告.doc

    主题选定：根据自己的兴趣选定大概主题，结合本人对作者的了解以及网络资料确定 网页主题以及网页内容。 ．网页结构设计：网页结构的设计经过数次改造（下文问题中会有详细概述）最终确定 为首页采用镶嵌式框架结构...

    程序天下:JavaScript实例自学手册

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    网页与Web程序设计 课件 ppt 机械工业出版社 part1

    8.2.3　添加复选框 157 8.2.4　添加单选按钮 157 8.2.5　添加列表/菜单 159 8.2.6　添加文件域 161 8.2.7　添加图像域 161 8.2.8　添加隐藏域 163 8.2.9　添加跳转菜单 164 8.2.10　添加搜索引擎 165 本章小结 168 ...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    ChineseFramework大型WEB应用框架程序

    新, 删除等, 选择时可以对多表进行关联, 并可选left join, right join, inner join 等多 种联接方式. 对于选择出的结果可以以多种形式返回, 如二维表格(MapResult), 以某一列为键的 二维表格(MapResultOnKey...

    dreamweaver上PHP网站开发相关插件

    检查多选框。 Float Layer.mxp 定位层的横向流动，不管浏览器横向大小怎样变化，该层均不会改变位置。 Popup Message.mxp 在“提交”按钮上添加注释。 Compare Fields.mxp 对比两个表单的内容是否相同，多用于...

    超实用的jQuery代码段

    2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部...

    前端css+html+布局笔记

    搜索引擎检索网页时，会主要检索title中的内容，它会影响到页面在搜索引擎中的排名 用来设置网页的元数据，比如网页使用的字符集 设置网页的关键字 关键字,关键字,关键字,关键字"/&gt; ...

    PlugNT CMS V3.9正式版源码20130809

    功能亮点： 栏目和模型多对多，即一个栏目可以绑定多个模型，一个模型也可以绑定多个栏目 一款免费开源ASP.NET内容管理系统，系统采用ASP.NET(C#) jQuery技术，是一个功能强大、操作...23.添加表单多选框，单选框

    个人开发中遇到常见问题及解决办法（吐血总结）

    1 JS中Number数值运算不精确的解决办法 2 java中double类型数据运算不精确问题的解决办法（采用java.math.BigDecimal类来进行精确计算。...15 多选框批量删除 16 js实现单选全选 17 数据库表数据被误删之后的恢复

    硕士生,博士生论文排版技巧方法

    在“插入”菜单选“交叉引用”，弹出对话框中引用类型选“书签”，“引用内容”为“书签文字”，选择刚才键入的书签名后点“插入”，Word就将文字“图1－1”插入到光标所在的地方。在其他地方需要再次引用时直接插入...

    EXCEL函数公式集

    用连字符“&”来合并文本怎样把不同格式不同位置的内容合并到一个单元格内 把不同单元格的内容合到一个单元格里 合并与拆分 合并不同单元格的内容 关于文字在表格中的组合 求拆解合并公式 如何把字母和数字分开? 把...

    Excel公式大全操作应用实例(史上最全)

    用连字符“&”来合并文本怎样把不同格式不同位置的内容合并到一个单元格内 把不同单元格的内容合到一个单元格里 合并与拆分 合并不同单元格的内容 关于文字在表格中的组合 求拆解合并公式 如何把字母和数字分开? 把...

    基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文）

    这些都预示着我们进入了一个新的互联网阶段web 2.0，它是相对web 1.0的新的一类互联网应用的总称，是一次从核心内容到外部应用的革命[10]。这个阶段发展迅速，互联网应用趋于多样化，其中变化最大的是由web 1.0网站...

    PlugNT CMS V3.9正式版源码

    PlugNT CMS，一款免费开源ASP.NET内容管理系统，PlugNT系统组成部分之一，系统采用ASP.NET(C#) jQuery技术，是一...23.添加表单多选框，单选框 后台编辑用户名：test 密码：test 后台超级管理员：51aspx 密码：51aspx

Magicbox
Global site tag (gtag.js) - Google Analytics