`
莫生气
  • 浏览: 866279 次
  • 性别: 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得到光标位置
评论
发表评论

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

相关推荐

    ajax动态加载无限级树的复选框

    在IT领域，Ajax（Asynchronous JavaScript and XML）技术被广泛应用于网页动态加载数据，它可以实现页面无刷新更新，提升用户体验。本话题聚焦于利用Ajax动态加载无限级树结构的复选框，这是一个常见于文件管理、...

    jquery实现的仿淘宝多选框

    1. **动态渲染**：根据后台数据动态生成多选框，这需要通过AJAX请求获取数据，然后使用jQuery的DOM操作方法创建并插入HTML元素。 2. **分组功能**：使用HTML `&lt;optgroup&gt;` 元素对选项进行分组，或者通过CSS实现类似...

    checkbox复选框传值

    在网页设计和开发中，复选框（Checkbox）是一种常见的用户界面元素，允许用户从多个选项中选择一个或多个。当涉及到数据提交，比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时，理解如何处理复...

    下拉多选框

    下拉多选框组件是这些独立模块的一个例子，它可以被插入到任何支持JS的页面中，提供一种灵活的方式来呈现和管理多选功能。 对于"下拉多选"这一特性，组件通常包括以下功能： 1. **多选支持**：用户可以勾选多个...

    Bootstrap复选框样式美化特效.zip

    复选框和单选框是网页表单中常见的交互元素，用户通过它们可以选择或确认一个或多个选项。Bootstrap的原生样式虽然简洁，但在某些情况下可能显得不够精致或者与网站设计不协调。这个代码库提供了一种jQuery插件，...

    多媒体技术-----在网页中插入多媒体

    - 在属性面板中，可以设置播放、停止等选项，例如取消“循环”复选框，并确保选择了“自动播放”选项。 - 文件保存后，通过F12预览功能可以在浏览器中查看插入Flash影片的效果。 #### 三、显示Flash视频 1. **...

    表单checkbox多选框选择特效

    在网页设计中，表单是收集用户数据的重要手段，而多选框（checkbox）则是表单元素中不可或缺的一部分。在“表单checkbox多选框选择特效”中，我们主要探讨的是如何利用CSS3来增强多选框的视觉效果，使其在用户交互时...

    带复选框的下拉列表代码

    2. 遍历每个`&lt;option&gt;`，创建对应的复选框和标签，并将它们放入一个新的`&lt;li&gt;`元素中，然后将`&lt;li&gt;`插入到下拉列表之前。 3. 添加事件监听器，当复选框状态改变时，同步下拉列表的选中状态。 4. 最后，隐藏原始的...

    JQUERY只能选择一个多选框

    确保HTML文件中正确引用了jQuery库，并将上述jQuery代码插入到`&lt;script&gt;`标签中。这样，当你运行这个HTML文件时，就会实现通过单击鼠标只能选择一个单选框的效果。 总结一下，本知识点主要介绍了如何使用jQuery实现...

    问卷调查--复选框PHP+MYSQL提交

    单选按钮让用户从多个选项中选择一个，而复选框允许用户选择一个或多个选项。文本输入框（text input）则用于用户输入自定义文本。表单提交通常通过`&lt;form&gt;`标签的`action`属性指向PHP处理页面，`method`属性设置为`...

    jquery实现带复选框的gridview

    例如，你可以在接收到JSON数据后，使用模板引擎或者循环遍历数据并动态生成HTML，然后将这些HTML插入到GridView容器中。 在"MultiSelect"这个文件中，可能包含了实现上述功能的示例代码，包括HTML结构、CSS样式以及...

    ajaxcc(动态加载列表框).rar

    它的核心在于JavaScript的XMLHttpRequest对象，该对象允许开发者在后台与服务器交换数据，并在不重新加载整个页面的情况下更新网页内容。这种技术极大地提升了用户体验，因为用户不再需要等待整个页面重新加载。 在...

    Dreamweaver CS6使用Spry验证复选框.pdf

    在网页设计和开发中，Adobe Dreamweaver CS6 是一款...这涉及到理解如何插入验证复选框，设置验证规则，定制提示信息以及预览验证效果。对于任何想要提升网页表单功能和交互性的开发者来说，这部分知识都是不可或缺的。

    CONFLUENCE 添加一个模板

    如果模板包含变量，则创建页面时会弹出对话框，让用户输入数据，这些数据随后会插入到新页面中的相应位置。 八、转换现有页面为模板 Confluence也允许将现有的页面转换为模板。这为用户提供了将已有页面快速转换为...

    在页面中插入Flash

    ### 在ASP.NET页面中插入Flash知识点详解 #### 一、Flash简介 Flash是一种广泛应用于网页设计中的动画技术，它能够创建交互式动画、视频播放器等多媒体内容，并且支持多种平台，包括桌面浏览器和移动设备。然而，...

    jquery alert 提示框、动态加载提示框、jquery插件

    这通常涉及到Ajax技术，通过异步方式获取数据并在页面上动态插入元素。例如，当用户提交表单后，我们可能需要显示一个加载中的提示，然后在后台处理完成后，再显示处理结果。使用jQuery，我们可以方便地监听事件，...

    易语言网页操作之多彩编辑框

    总的来说，易语言网页操作之多彩编辑框涉及到易语言的控件使用、属性设置、消息发送、事件处理等多个方面，通过这些知识点的学习和应用，开发者可以构建出具有丰富用户体验的文本编辑功能。结合“易语言网页操作之...

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

    1. **HTML标签基础**：HTML（HyperText Markup Language）是网页设计的基础语言，它用于定义网页结构和内容。在实验中，我们主要使用了`&lt;div&gt;`标签，这是一个通用容器标签，用于组合HTML元素，形成更复杂的结构。 2...

    ppt里插入视频的三种方法.pdf

    使用这种方法将视频文件插入到幻灯片中后，PowerPoint只提供简单的暂停和继续播放控制，而没有其他更多的操作按钮供选择。因此这种方法特别适合PowerPoint初学者。 步骤： 1. 运行PowerPoint程序，打开需要插入...

    word2021插入分页符.docx

    3. **启用“与下段同页”功能**：勾选“与下段同页”复选框，确保选中的段落会出现在同一页面内。 #### 五、在段落前指定分页符 1. **定位光标**：将光标放置在您希望出现在分页符后面的段落。 2. **打开段落设置*...

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