如何在html表格中动态添加多个复选框？
在HTML表格中动态添加多个复选框，可以通过JavaScript来实现。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>动态添加复选框</title>
</head>
<body>
<table id="myTable">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>选择</th>
</tr>
</table>
<button onclick="addCheckbox()">添加复选框</button>
<script>
function addCheckbox() {
var table = document.getElementById("myTable");
var row = table.insertRow();
var cell1 = row.insertCell();
var cell2 = row.insertCell();
var cell3 = row.insertCell();
cell1.innerHTML = "张三";
cell2.innerHTML = "25";
cell3.innerHTML = '<input type="checkbox">';
}
</script>
</body>
</html>上述代码中，我们首先创建了一个空的HTML表格，并在表格的第一行添加了表头。然后，通过JavaScript的addCheckbox函数，在点击按钮时动态地向表格中添加一行，并在新行的第三列插入一个复选框。
你可以将上述代码复制到一个HTML文件中，并在浏览器中打开该文件，就可以看到动态添加复选框的效果。
请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行更复杂的处理。
相关·内容
1回答
我有一个视图，它在表格中显示多个项目的复选框列表(列表是动态的)。我需要知道当用户单击复选框时如何更新ViewModel，以便当控制权返回到控制器时，它可以检查视图模型以确定选择了哪些项。VM包含多个属性，例如{ string Name { get; set; }
浏览 2提问于2011-02-25得票数 0
1回答
我的HTML页面上有两个按钮，.cs文件中只有一个类。在单击一次按钮时，我以编程方式(动态)创建了一个表。该表包含一些也是动态创建的复选框。创建表是我执行的最后任务之一。绘制表格后，用户可以选择一个或多个复选框。
现在，如何在点击第二个按钮时，我可以知道在页面重新加载之前选中了哪些复选框？目前，我已经使所有这些复选框成为.cs文件中唯一拥有的类的成员变量。我尝试通过C#代码
浏览 0提问于2012-06-20得票数 2
回答已采纳
1回答
我希望动态地向html表中的多个行添加复选框，而不必为每个行添加input type ="checkbox“。这个是可能的吗？用于制作表格的代码片段和用于添加复选框的‘below...but ()’函数不起作用。请帮帮忙。
if (c
浏览 37提问于2017-06-28得票数 0
回答已采纳
我目前正在开发一个动态表单，它使用户能够添加尽可能多的变体。这个表格可以添加，有价格，大小和颜色。大小和颜色是select2复选框，使用户能够选择多个东西。表格： <label>Kleuren</label>
<select name="colors[{{$i}}][]" id='color-optionsid=
浏览 2提问于2018-07-30得票数 1
回答已采纳
5回答
我正在用html创建一个由多个复选框组成的动态div。所有这些复选框和div都是动态添加到html中的。我需要在html中存储一些关于每个div的数据，以便稍后由javascript访问。谁能给我举个例子，可以在div中动态添加和检索数据？我知道HTML5允许这样做，也有其他一些黑客可以这样做，但我想我在语法方面遇到了问题。
浏览 0提问于2014-03-10得票数 4
我有一个代码，当在电子表格单元格"B2“上找到某个值时，它会自动检查HTML上的复选框。现在我想要更改代码，以便它从一个范围(如B2:B8 )中获取值，并检查多个复选框，我将如何做到这一点？对于您的参考，是我电子表格的链接。
浏览 2提问于2017-08-13得票数 0
回答已采纳
我有一个表单与一些字段，如文本，复选框，下拉列表，并在点击提交按钮后，它将生成一个格式化的pdf文件与表格值。如何生成动态pdf文件？请帮帮我。我目前使用的是.cshtml文件中的html表单。
浏览 1提问于2019-11-20得票数 0
这样，对于许多系列来说，这将是一个优雅解决方案，其中用户可以向下滚动并一次选择他/她想要查看的多个系列(而不是一次只点击一个)。
浏览 0提问于2015-09-04得票数 2
1回答
我必须创建多个复选框，并在页面中的特定位置以html格式显示它们。我已经创建了一个div</div>function createNewCheckboxt(nameinput'); checkbox.name = name;
c
浏览 2提问于2016-10-02得票数 0
1回答
我想更改某些复选框的选项卡的顺序。问题是，我的应用程序可以打开多个选项卡，每个选项卡具有相同的表单。此外，在复选框之前还有其他字段。如何在不影响DOM中其他输入的情况下更改这些特定复选框的选项卡索引？这是我用的表格。
如您所见，可以有包含此表单的多个选项卡。
浏览 2提问于2012-03-02得票数 0
1回答
我想要在动态表格中添加一条记录，当在html form (*不是jquery对话框).Similar中提交记录值时，动态表格可以是datatables/ HTML表格，用于编辑行值。注意:使用任何新技术，如Datatables、Bootstrap、html5、jquery和javascript open src插件，都可以获得更好的UI。
浏览 2提问于2013-12-19得票数 1
2回答
MVS2010MVC 3:我有一个提交页面，它有几个复选框，这些复选框是在页面加载时动态构建的。用户可以在提交表单之前选中一个或多个复选框。在页面的右侧，有用户以前选择的所有选项的摘要。在页面的最顶部有一个“添加评论”按钮。当用户单击它时，将显示一个带有文本框的弹出窗口，允许用户键入注释。如何在不刷新页面的情况下在页面上显示此评论？不想进行刷新的主要原因是因为用户可能已经选中了一个或多个复选框，一旦页面刷新，它们就会丢失状态。我尝试了
浏览 0提问于2013-05-21得票数 1
回答已采纳
我有一个通讯注册表单在我的网站上，向用户提供一个复选框列表来选择。复选框是从我的数据库中动态生成的。其他标准通讯注册字段，如电子邮件、姓名、电话号码、地址等也存在于注册表格中。在MailChimp中，我创建了一个列表并添加了自定义字段以匹配我的注册表单(例如电话号码、地址)。然后，我查看了Embedded Forms -> Naked以查看生成的标记。我不能将复选框的项目列表放在MailChimp中</
浏览 3提问于2015-09-10得票数 1
5回答
当我创建复选框时，我希望它们以垂直的方式列出，而不是水平的。我怎么能这么做？？Html： <input type="checkbox" value="first checkbox" id="cb1" /> <label for
浏览 8提问于2014-03-06得票数 0
回答已采纳
我有一个只读输入字段的表格和一个复选框，我如何在我的php代码中插入与它们相关的输入字段的复选框？一次多个复选框？
浏览 1提问于2016-05-20得票数 0
2回答
表：[{ ]名称，行[{]名称列[{]名称}]
我需要向控制器添加多个表。数据将以json的形式出现。图像将被排序到视图控制器中。如何在单个ControllerView中动态创建多个表视图。
表必须有多个列。按表类型填充的表行。如果行类型为复选框，则第一列中的标签将是所有其他列<e
浏览 1提问于2019-10-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
