如何在IE 11中将复选框添加到多选
列表中？
在IE 11中，可以通过以下步骤将复选框添加到多选列表中：
- 创建一个
<select>元素，用于显示多选列表。 - 创建一个
<select>元素，用于显示多选列表。 - 使用 JavaScript 或 jQuery 获取要添加复选框的选项和标签。
- 使用 JavaScript 或 jQuery 获取要添加复选框的选项和标签。
- 使用循环遍历选项，创建并添加复选框元素。
- 使用循环遍历选项，创建并添加复选框元素。
- 可以通过 CSS 样式来美化复选框和多选列表的外观。
- 可以通过 CSS 样式来美化复选框和多选列表的外观。
完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
/* 自定义复选框样式 */
input[type="checkbox"] {
/* 样式设置 */
}
/* 自定义多选列表样式 */
select[multiple] {
/* 样式设置 */
}
</style>
</head>
<body>
<select id="mySelect" multiple>
</select>
<script>
var selectElement = document.getElementById("mySelect");
var options = ["选项1", "选项2", "选项3"];
for (var i = 0; i < options.length; i++) {
var option = document.createElement("option");
option.text = options[i];
option.value = options[i];
var checkbox = document.createElement("input");
checkbox.type = "checkbox";
checkbox.name = options[i];
option.appendChild(checkbox);
selectElement.appendChild(option);
}
</script>
</body>
</html>在这个示例中，我们使用 JavaScript 动态创建了复选框并将其添加到多选列表中。你可以根据实际需求修改代码，并根据需要添加适当的样式来满足你的设计要求。
腾讯云相关产品推荐：
- 云服务器：提供可扩展的云计算能力，适用于各种业务场景。
- 弹性伸缩：自动根据业务负载变化进行弹性伸缩，确保应用的高可用性和性能。
- 云数据库 MySQL 版：托管的 MySQL 数据库服务，提供高性能、可扩展、安全可靠的数据库解决方案。
- 内容分发网络：加速静态和动态内容分发，提高用户访问速度。
- 对象存储：安全、耐久、高扩展性的云存储服务，适用于存储和访问任意类型的数据。
- 人工智能机器学习平台：提供丰富的人工智能算法和工具，帮助开发者构建智能化应用。
- 物联网开发平台：提供全面的物联网解决方案，帮助用户快速搭建和管理物联网应用。
- 区块链服务：提供基于区块链技术的一系列服务，包括链上应用开发、部署和管理等。
以上腾讯云产品仅作为参考，你可以根据实际需求选择适合的产品和服务。
相关·内容
1回答
我想通过css将复选框添加到使用IE 11的多选中。我使用的css适用于Edge等，但不适用于IE 11。">Sub Manager</option></select> 或者，我将使用一个包含两列的表，第一列是复选框列
浏览 16提问于2019-02-25得票数 0
回答已采纳
--超棒的，以使其正常工作："font-awesome": "^4.7.0",
当选择一项时，效果很好
这在IE 11中出错:简单地说，它没有被取消选中，控制台中显示了任何错误，尽管取消选择在复选框<
浏览 0提问于2017-11-17得票数 0
如何在Wordpress中将电子商务插件与现有的cystom post类型集成？我创建了一个带有很多选项和分类的自定义post类型。现在我(事实上的客户)需要能够将这些帖子添加到购物车中。
浏览 2提问于2014-04-03得票数 4
我在一个页面上有许多选择元素，问题是在IE11中，他们有一个大纲，我尝试使用CSS : select{ outline :none;}删除它它应该在IE和选择元素中工作。但是，在其他浏览器中，默认情况下不对元素应用大纲。
浏览 5提问于2014-05-22得票数 0
2回答
如何在Yii中将搜索结果过滤为复选框和下拉列表的组合？我有一些类别，如复选框和预算的下拉列表，这是从数据库。选中多个复选框并从下拉列表中选择一个值时，如何筛选出搜索结果。。
浏览 5提问于2013-04-02得票数 0
我已经从IE8切换到IE11，但是我仍然不能使用CSS3属性。IE11不识别CSS3的特定属性，如边框半径和方框阴影。
在开发人员工具中，它们没有复选框，并带有红色下划线。我发现的一个可能的原因是doctype html总是被注释掉，我假设是因为IE无法识别这些属性。
浏览 0提问于2015-04-22得票数 2
请告诉我如何在Windows Mobile6.0中将复选框列添加到数据网格。
给出一些关于这个的例子。
浏览 4提问于2011-06-27得票数 5
回答已采纳
1回答
我遇到了将以下x-ua代码添加到标头的情况在IE版本10及以下版本中，，但它使一些功能无法在IE11中工作。
如果移除元标记，功能在IE11中将正常工作，但现在无法完全删除元标记，因为我的应用程序必须支持IE
浏览 4提问于2018-10-23得票数 0
在sap.ui.table.Table中使用多选时，左侧或右侧会显示一些复选框，用于指示选定的行。但当使用单选时，此选择列(在本例中应显示单选按钮)仅为空，并且在选中时仅突出显示完整的行。有没有一种简单的方法可以将单选按钮或任何其他类型的突出显示(如"X“)添加到额外的空列中？ ?
浏览 25提问于2021-11-11得票数 0
回答已采纳
1回答
optionsCollection property="list_data" label="codeAndNameLabel" value="codeAndName" />当在IE11和IE 5上运行它时，关于边框和框阴影的布局差异。如何在IE 5中将css更改为布局与IE 11相同。
非常感谢！
浏览 0提问于2016-04-22得票数 0
2回答
如何在组件中将以下行添加到标题中？
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script
浏览 5提问于2011-08-05得票数 2
回答已采纳
2回答
example.com/update.php"); console.log(e.data);它在IE11
浏览 0提问于2014-07-01得票数 45
回答已采纳
1回答
我组装了一个在Chrome、Firefox和Safari中看上去很棒的web应用程序，但是当涉及到IE10和11时，它就崩溃了。事实上，它在IE11中的工作效果比10还要差。在IE 11中，<canvas>元素甚至不会出现，而且一些<div>元素看起来非常奇怪，而且没有边框半径，尽管我在CSS中指定了它。，在这种情况下，您看不到调试IE的任何好起点，您会怎么做？
我本来希望通过W3C Validator和JSHint / lint来运行
浏览 4提问于2014-08-07得票数 2
回答已采纳
如何在oracle中将数字转换为时间戳(6)？ie转换20131108到08-11-13 12.00.00.000000 AM或任何格式的时间戳(6)。谢谢!
浏览 0提问于2013-11-12得票数 2
回答已采纳
我使用下面的JSON创建了几个使用JavaScript的复选框。2":"11\" x 8.5\"","6":"14\" x 8.5\"",创建这些复选框的JavaScript是：
forid +
浏览 4提问于2013-01-30得票数 4
3回答
如何在XAML中将复选框仅添加到树视图的子级？我的目标是有一个树形视图，其中父对象只是一个文本块，所有的子对象都是复选框，但一次只能选中一个子对象。我没有问题，使整个树状视图复选框，但我不确定如何获得我真正想要的任何建议？
谢谢。
浏览 1提问于2010-03-07得票数 5
回答已采纳
我在IE11中遇到了select标签的问题。它有一个很长的选项列表，当我选择一个选项并第二次打开列表时，整个列表向上移动，如果所选的选项在列表的底部，列表就会移出窗口。示例代码可用。如何在IE11中将drop down限制为up？
浏览 36提问于2019-11-21得票数 0
我制作这个是为了了解symfony，但不要使用IE。IE浏览器将页脚放在页面的中间。我用的是Bootstrap和Symfony 2.7。我试图找出一些错误，但我找不到一个好的答案。能帮我吗？
浏览 5提问于2016-02-17得票数 0
回答已采纳
1回答
选择发生在日期范围内的计数
、、、、
我有张桌子看起来像：我正在试图找出如何在一个范围内选择复选框的数量。IE:选择11月27日至12月18日期间乔的复选框数量。
我真的不知道从哪里开始，所以我没有什么可以展示我的努力。
浏览 3提问于2019-12-16得票数 1
回答已采纳
我想知道是否可以在表单的第二个复选框问题中添加复选框选项。所以我想出的是在另一个函数中，我创建选项，并将其传递给addOption。我做它的方式工作，但它取代了我以前添加到项目中的任何东西。我想现在的问题是如何在不替换前一个选项的情况下添加更多选项。
浏览 1提问于2019-06-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
