从动态元素获取复选框状态
是指通过编程的方式获取复选框的选中状态。在前端开发中，可以使用JavaScript来实现这个功能。
首先，需要通过DOM操作获取到对应的复选框元素。可以使用document.getElementById()方法通过元素的id属性获取到复选框元素，或者使用document.querySelector()方法通过CSS选择器获取到复选框元素。
获取到复选框元素后，可以使用checked属性来判断复选框的选中状态。checked属性是一个布尔值，如果复选框被选中，则checked属性为true，否则为false。
以下是一个示例代码：
// 获取复选框元素
var checkbox = document.getElementById("checkboxId");
// 获取复选框状态
var isChecked = checkbox.checked;
// 判断复选框状态
if (isChecked) {
console.log("复选框已选中");
} else {
console.log("复选框未选中");
}在实际应用中，可以根据获取到的复选框状态进行相应的逻辑处理，例如根据选中状态来显示或隐藏其他元素，或者将选中的值发送到后端进行处理等。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云存储、云函数等。具体可以参考腾讯云的官方文档和产品介绍页面：
相关·内容
2回答
在Page_Load中，我创建了动态控件(带有复选框的表)。复选框的数量取决于我从数据库中检索到的一些信息。我不想在每次回发时都连接到数据库。保存所需变量的最佳方法是什么？也许我需要将它们存储在HiddenField中
浏览 1提问于2011-04-24得票数 0
3回答
Jquery复选框切换不工作
、、、、
在我的html页面中，我希望动态地插入复选框，并且我希望在顶部有一个主复选框，所以如果选中了，那么所有动态创建的复选框都会被选中，如果不选中，那么所有的动态复选框都不被选中。我有这样的代码：
<script type="text/javascript">
$(function() {
$("#selectAll").click(function() {
var checked = $(this).prop('checked');
$(".profilebo
浏览 3提问于2013-09-26得票数 0
回答已采纳
4回答
我有一个动态表，它有带有复选框字段的表格单元格。这个字段是从DB填充的，所以我的表是动态的。我想根据它们的类名遍历复选框。在该循环中，我希望检查每个复选框的值。例如，如果值等于1，我希望选中复选框，如果不选中，则选中复选框。Alo我不确定是否可能，但我想为每个复选框设置唯一的ID。由于我的表是动态的，所以我的字段需要有唯一的ID。
<table>
<thead>
<tr>
<th>#</th>
<th>Time Slots</th>
浏览 5提问于2016-02-19得票数 0
回答已采纳
当使用PHP子句动态加载一组输入字段时，我希望为每个行都有一个复选框，以便如果用户检查它，那么该特定行的所有输入字段都将被禁用。
我需要动态地调整javascript，这样每次单击相应的复选框时，它都会禁用每个特定行，但我不知道如何实现它。
这是我的代码：
<?php
for ($i=0;$i<5;$i++)
{
?>
<tr>
<td><input id="includeItem<?=$i?>" type="checkbox" onchange="include
浏览 3提问于2013-10-24得票数 0
回答已采纳
$(function() {
$('.checkbox').change(function () {
if ($('.checkbox').prop("checked")) {
alert('checked');
if ($('#print').length == 0) {
$('#post').append('<input type="button" id="print" valu
浏览 1提问于2013-03-28得票数 1
回答已采纳
1回答
当您通过后退按钮返回页面时，是否会触发任何事件？我有一个页面，用户可以从几个复选框中选择。选中的每个复选框都会在页面上生成一个动态创建的按钮。当我导航到下一页并点击back按钮时，复选框仍处于选中状态，但我动态创建的按钮将消失。这个问题能解决吗？
浏览 1提问于2014-10-21得票数 0
查看了HTML，但无法理解它的正面或反面：
在HTML中(不是动态的)检查复选框的正确方法是什么？
checked="true"
checked="checked"
取消复选框的正确方法是什么？
<input type="checkbox" /> with no checked attribute
checked="false"
checked="none"
在哪里检查HTML规范以选中/取消选中复选框？
浏览 3提问于2012-10-03得票数 78
回答已采纳
我有一个网页，创建动态SVG的基础上，用户选择的复选框。每次用户选中或取消选中复选框列表中的公司时，SVG都会更新。
我在javascript表单处理或CSS中遇到了复选框的问题。在Mac上，复选框在Safari中运行良好。但不是在Chrome或Firefox中：
产品中的主要CSS文件可能是罪魁祸首，但我对CSS还不够精通，无法解决这个问题。
谢谢你的帮助！
浏览 13提问于2020-06-04得票数 0
回答已采纳
1回答
我一直在动态地向表- datatables.net中的每一行添加复选框。但是，当我选中这些复选框时，html不会显示任何选中的属性，因此不允许我只关注带有复选框的行。如果我用选中的属性设置复选框，则选中的属性是可见的。这里的代码显示了我如何检查选中的属性..。
var filtered_rows = example_data_table._('tr', {"filter":"applied"});
$.each(filtered_rows, function(i, el){
// If n
浏览 2提问于2014-09-29得票数 5
回答已采纳
我已经创建了动态表格布局。在布局中，每行有四个buttons.one按钮，用于从一个活动导航到另一个活动。我的问题是，当我按下按钮从第一个活动切换到第二个活动时，我从第二个活动返回到第一个单击的活动按钮松开了它的状态。
例如。1)在第1个活动中，我单击按钮1并选中复选框，然后转到第2个活动。执行某些操作后，我返回到第1个活动，我看到button1和复选框未被单击和选中。
那么如何维护按钮的状态呢？
浏览 1提问于2011-06-24得票数 0
2回答
我使用的是react-admin框架。如果值多次出现在state中，我会尝试动态地从state (id)中删除值。我的用例是创建复选框，所以如果一个复选框被单击两次，它将取消选中。
到目前为止，我有以下代码：
private addIdsToObj = (id: any) => {
const Ids = [...this.state.selectedIds, id];
this.setState({ selectedIds: Ids });
if (Object.values(this.state.selectedIds).includes(id) === true)
浏览 15提问于2020-02-07得票数 0
回答已采纳
我尝试使用复选框和jquery动态过滤掉内容。
作为jquery的新手，我不确定如何正确地做到这一点，所以如果有可以帮助的，那就太好了。
我得到了这个代码：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(
浏览 0提问于2010-08-17得票数 0
回答已采纳
3回答
我的问题是：
我想使用visual 2010管理网页中的复选框的状态，我已经将代码降到了严格的最低限度，以便您更好地理解我的问题。
为了获得动态创建的复选框的状态，我尝试了几种方法：
一开始，我的愿望很简单:在代码生成中获取复选框的状态，这对于我的情况是c#，但我很快意识到，我需要将属性runat="server“放到包含复选框状态的范围内。
因此，我更改了跨的动态声明，并将属性"id“和"runat”添加到这两个跨度中的每一个。之后，当生成页面时，这些属性在代码源代码中是可见的，但我仍然无法在代码隐藏中管理它们。
最后，我尝试使用DOM函数：getElem
浏览 1提问于2013-12-11得票数 3
回答已采纳
下面的表中有复选框，它将比较每行最多3项要比较的内容。
因此，我需要一些只允许选择3个复选框的jQuery，然后它将动态地将一个数字添加到name属性的末尾。
因此，如果有两个比较，名称属性将是"horse_1“和"horse_2”。
我不知道从哪里开始！
<tr>
<td><input type="checkbox" value="2560092" name="horse_"></td>
<td>1<
浏览 1提问于2014-10-30得票数 0
回答已采纳
2回答
我有一个动态的项目表，每个项目旁边都有复选框。当用户选择一个复选框时，我希望从表中获取"Name“项并将其添加到textbox中。见图：
我试图做到这一点的方法是在每个复选框中添加一个"change“事件，并用文本的名称填充它的”数据名“元素。
<tbody>
@foreach (var item in Model.Items)
{
<tr>
<td><input type="checkbox&#
浏览 1提问于2015-11-05得票数 2
回答已采纳
2回答
我使用这段代码来检查是否选中了复选框，如果选中了，则在地图上显示子菜单和特定层：
$('input').on('change', function () {
var x = $( 'input:checked' ).val(); // x gets the value attribute of changed checkbox
if ($('input').is(':checked')) {
sublayers.getSubLayer(x).show(); // shows specified la
浏览 1提问于2015-12-21得票数 1
回答已采纳
在我的应用程序中动态创建复选框时，我遇到了一个问题。这个设计运行得很好，而且我可以创建任意数量的复选框。复选框与TextView一起放入TableRow中，以便文本位于复选框的左侧。但我的问题是，在我的活动中，我可以获得复选框的“状态”，无论它是否被选中。我使用充气来创建我的复选框。复选框的xml：
<TableRow xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/TableRow" android:layout_width="wrap_con
浏览 0提问于2011-02-24得票数 3
回答已采纳
据我所知，.prop()函数可以完成.attr()函数所能做的所有事情，但方法通常更安全、更简单。
例如：
如果我想获得HTML中复选框的默认状态，我可以执行$('myCheckbox').prop('defaultChecked') (而不是$('myCheckbox').attr('checked'))。这实际上似乎比使用.attr('checked')__更安全，因为如果动态更改复选框，属性可能会丢失它的值，而.prop('defaultValue')则维护该值(例如，)。
尽管我经常
浏览 2提问于2015-08-06得票数 5
2回答
使用div元素作为复选框
、、、
我目前正在构建一个站点，我更喜欢使用div元素作为复选框。如果选中，则使用javascript切换复选框类。
这是html。
<div class='col span_1_of_6 menuGroup'>
<div class="circl3" style="background-image:url(images/icons/'.$icon.') background-repeat:no-repeat;"></div>
<p class='menuGroupName
浏览 9提问于2013-11-15得票数 0
回答已采纳
在这件事上工作了很长时间，我感到很困惑。
从这个html
<td><span class="sessioncheckbox">
@Html.DisplayFor(modelItem => item.S15)</span> </td>
我正在尝试从生成的DisplayFor中提取复选框的内容。
<input disabled="disabled" class="check-box" type="checkbox" checked="checked">
浏览 1提问于2018-11-12得票数 0
回答已采纳
我已经查过ng显示指令，但这些例子似乎都不适合我的情况。
我有一定数量的div类'foo‘，它是根据某种逻辑动态生成的。当选中复选框时，我想隐藏该类的所有div。
编辑：
我用这个解决了它
<input type="checkbox" ng-model="hideClosed" checked>
<div ng-show="{{location.isOpen}}" ng-hide="hideClosed && {{!location.isOpen}}"></div>
现
浏览 0提问于2015-03-13得票数 1
回答已采纳
因此，我有一个动态填充复选框的表单。还有一个复选框黑客，用来覆盖复选框的外观。不幸的是，需要两次单击才能使复选框显示为false。另一个开发人员编写了css，所以我不知道这个黑客是从哪里来的。
我附上了一份证明：
浏览 1提问于2018-08-22得票数 0
回答已采纳
我有动态填充的复选框，但在尝试取消选中复选框时会出现问题，它会要求单击两次才能取消选中该复选框。 enter code here
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
<mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
<button mat-icon-button disabled
浏览 88提问于2020-10-31得票数 2
2回答
我有一个具有多个表示成本的复选框的表单；这些复选框的值来自数据库。
<input type="checkbox" name="check" value="12.00" />
<input type="checkbox" name="check" value="40.00" />
在提交表单时，我使用javascript将选中的值添加在一起，并在隐藏字段中发布新的值。
<input type="hidden" name="total_cost
浏览 1提问于2014-11-26得票数 2
2回答
根据这个 --
在过去的48小时里，我一直在疯狂地想办法解决这个问题。除复选框外，一切正常。我包含了导致这个问题的孤立代码片段。
在创建了复选框(按下复选框按钮)并完成表单后，我成功地看到了code，并能够将复选框序列化为JSON --但是，我最终得到了所有复选框的“on”，即使其中只有一个被选中。
当我只选中一个(第一个框)和其他未选中的框并单击“保存”时，结果是：
{"ck1":"on","ck2":"on","ck3":"on","submit1":"save"
浏览 4提问于2014-01-30得票数 2
回答已采纳
我陷入了一个问题，除了被选中的复选框之外，我需要禁用其他复选框。
checkbox是在API的帮助下动态创建的，密钥将传递给每个checkbox。有没有办法达到上述要求。
谢谢
{this.state.imageinfo.map((image, key) => {
return(
<div key={key}>
<input type="checkbox"
onClick={(e)=> this.setCoverImage(e,key)}>
浏览 2提问于2018-10-17得票数 1
1回答
我正在用UWP为Windows 10开发一个应用程序。我有一个堆栈面板，其中动态地从json创建了一系列复选框。json格式的示例如下所示：
{"id":2,"type":"Testing1"},{"id":3,"type":"Testing2"},{"id":4,"type":"Testing4"},...
我能够将每个复选框的内容设置为json的"type“元素，但是，我还没有弄清楚应该如何存储"id”，以便以后可以将其用于CRUD
浏览 1提问于2017-09-30得票数 0
回答已采纳
2回答
无法选中/取消选中复选框
、、、
我正在制作一个react应用程序，其中职务标题的复选框是从api的动态数据中填充的，它将与给定的片段完全一样。
const departments =
[
{
"sectorId":29,
"sectorName":"Building Materials Mfg. & Distribution",
"departments":[
{
"deptName":"Manufacturing",
浏览 3提问于2020-10-30得票数 1
回答已采纳
1回答
我想要生成基于复选框更改值的动态表单。
假设我有一个父选项框：
<select name="select1" id="select1">
<option value="1">Fruit</option>
<option value="2">Animal</option>
<option value="3">Bird</option>
<option value="4">Car</op
浏览 2提问于2017-12-28得票数 0
我有一个动态的元素集合，所以我不知道这个集合的内容是什么。我希望动态呈现这些复选框，并在默认情况下将它们全部选中。您应该能够取消选中这些框，这将在render中触发另一个贴图功能。(所以基本上它就是我的过滤器)
我正在为州设置而努力。我正在考虑以下几点，我希望在ComponentWillMount期间通过API调用设置initialState：
scenario 1 (arrays):
this.state {
checkboxes: [value1, value2, value3],
checkedcheckboxes: [value1, value2]
}
然后，我可以
浏览 0提问于2016-06-29得票数 12
回答已采纳
我最近开始研究JS、jQuery和Handlebars.js。我正在显示从java到divTable的数据。车把模板如下所示
<div id = "diffs">
"Others"
<div class="divTable" id="diffTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"&g
浏览 3提问于2017-02-15得票数 0
回答已采纳
1回答
我正在迭代一个动态创建的表，表中的行包含纯文本、复选框和选择下拉框。在遍历表格时使用
$('#myTableId td').each ->
thisSelect = $(this).find("option:selected").text()
if thisSelectBox != ""
allSelectValues.splice selectCounter,0, thisSelectBox
selectCounter++
因此，此代码用于获取我的选择值，我对文本框使用了类似的方法。不过，我的问题是获取复选框值。因
浏览 2提问于2016-04-28得票数 0
2回答
我有一个复选框数组(与php一起使用)，但是我想使用ajax从复选框中得到一些值，我想从每个复选框中获取值并发出ajax请求。
我有这个：
$("#checked").each(function(i, val){
var k = $(i).value();
console.log(k);
});
但没有成功。
html：
<input id="checado" type="checkbox" name="ids[]" value="
浏览 6提问于2014-02-02得票数 1
回答已采纳
6回答
动态创建复选框
、、、
我是个新手，我想根据从MySQL.If获取的结果动态创建复选框，我在employee表中有10条记录，所以它必须创建10个以员工姓名为值的复选框。我已经看过几个制作复选框数组的教程，但无法修复problem.Please，任何人都可以帮助我！
浏览 1提问于2011-08-05得票数 4
回答已采纳
3回答
材料设计复选框更改无效
、、、
我正在尝试将复选框状态选中动态设置为false/true。到目前为止，我得到的是：
for(var i = 0; i < bookmakers.length; i++) {
$('#' + bookmakers[i].id + '-checkbox').prop('checked', filters['bookmakers'][bookmakers[i].id]).change();
console.log($('#' + bookmakers[i].id + '-checkbox&#
浏览 20提问于2016-09-24得票数 1
回答已采纳
我有一个从数据库动态创建的表单字段(一系列复选框)，因此表单上可能不存在该字段(如果数据库中没有匹配值)。我有一些代码需要根据字段是否存在来执行，如果字段存在，则拉入所选择的值。不过，我似乎不能让javascript承认这个字段的存在。这是我尝试过的：
function displayAction(){
var f = document.adminForm;
var a = f.action;
if(f.prefix.value!="-") {
a = a + '&task=callExclusionDisplay&am
浏览 2提问于2010-08-26得票数 4
回答已采纳
我动态地创建了checkbox，并且使用类名我能够访问所有的。
代码
$('.checkboxclass').each(function()
{
});
现在我想要获取每个复选框的id。怎样才能有同样的想法建议？
浏览 0提问于2014-02-10得票数 1
2回答
我正在尝试将独占复选框作为QListView项来执行。我用QStandardItemModel作为QStandardItem的模型。
我动态地将项添加到列表中，并将其设置为checkable：
QStandardItem *item = new QStandardItem(treeView->model()->data(index).toString());
item->setCheckable(true);
m_categoriesModel->appendRow(item);
我尝试将所有项连接到QSignalMapper，但是QStandardItem没有chec
浏览 1提问于2015-11-23得票数 1
回答已采纳
2回答
我在ant设计库中使用动态表单，我创建了复选框，我想要做的是禁用此时间选择器字段(基于复选框是否已选中)。如何执行此操作
const Demo = () => {
const onFinish = (values) => {console.log(values)};
return (
<Form
>
{/* dynamically created card */}
<Form.List name="
浏览 4提问于2021-03-04得票数 0
我最近刚刚开始学习MEL脚本，我几乎没有什么基础知识。但现在，我可以编写自己的脚本，在Maya 2015中显示/隐藏对象。我现在面临的问题是，我想要一个选中/取消选中其他复选框的主复选框。我现在使用的方法只允许我更改一个子复选框，而不能更改其余的复选框。
ETC - None复选框为on。所有其他子复选框均为off。None复选框为off。所有其他子项都是on。现在，我可以设法让一个子复选框与主None复选框一起切换on和off。
下面是我的代码：
checkBox -label "None" -align "center" -v false -onComman
浏览 0提问于2017-11-06得票数 2
2回答
到目前为止，当复选框被选中时，我设法显示/隐藏按钮，但它选中了所有复选框，这是我不想要的。
我的目标是在不同时勾选所有复选框的情况下选中不同的复选框。
编辑:也可以统计检查了多少个元素。
<input type="checkbox" class="compare" name="compare">
<label for="compare" class="compare-label ml-10"> Compare</label>
<!-- <div class="
浏览 0提问于2015-09-14得票数 1
2回答
我使用一个复选框来创建一个切换开关，如这个所示
开关以一种可以动态添加问题的形式存在。在提交时，表单作为每个答案的数组提交回要处理的页面，但是，由于关闭开关没有将值传递回表单，答案与其他文本字段的答案不同步。是否有任何方法来设置关闭开关的值，即当复选框未选中时？
我试图使用下面的设置我的关闭复选框，但它似乎只是动画所有的开关，在表单提交，谁知道我做错了什么？
$('form').submit(function(e){
var b = $("input:checkbox:not(:checked)");
$(b).each(function ()
浏览 4提问于2017-10-15得票数 0
回答已采纳
2回答
我使用jquery动态地向表中添加列和行。
我遇到的问题是，我正在添加代码行，如下所示：
$('#colorgrid').append("<tr id='Row2' class='input-row'><td><input type='text' name='shade' placeholder='shade'/></td><td ><input type='checkbox' name=
浏览 1提问于2013-02-20得票数 2
回答已采纳
当使用变量元素ID时，jQuery如何区分函数调用(例如单击)？
我有许多包含在表中的文件，每一行都包含一个复选框和文件名。
每个复选框输入元素都有一个唯一生成的ID，即"Item_“，后面是一个唯一的数字数字。
理想情况下，当用户选择或取消复选框时，我希望处理复选框的状态。如果当用户单击列表中的项时，我要使用以下方式访问，jQuery将如何响应复选框集/取消设置？
$("#Item_" + file_number).some_function_here();
jQuery是否会跟踪页面中具有Item_#### ID的元素(例如Item_100、Item_1234等)？
浏览 0提问于2021-02-18得票数 0
回答已采纳
3回答
我在asp.NET中动态地在现有数据网格的不同行中创建了绘图网格
我生成的数据网格有一列是TemplateColumn ( CheckBox列)。
在我的父datagrid中，我有一个带有复选框的模板列。当我选中或取消选中复选框的值时，调用check_change方法(autopostback设置为true)，动态生成的数据网格将丢失选中的复选框(复选框再次全部取消选中)。但是，如果我选中(动态生成的)子网格的任何复选框，并按下F5，它会刷新页面，但我仍然选中了复选框。
怎么回事?？回发和刷新F5有什么不同？理解这一点可能会帮助我解决这里的问题:
浏览 2提问于2010-07-22得票数 2
回答已采纳
我想单击基于链接文本的复选框。页面中有几个复选框，因此我想使用链接文本查找复选框的值，以便可以单击该复选框
注意#所有值都是动态生成的
您能否帮助更正代码以包含此逻辑。谢谢
driver.get(new URI(driver.getCurrentUrl()).resolve("/admin/lms/tag").toString());
String tag_name = sheet1.getRow(j).getCell(0).getStringCellValue();
driver.findElement(By.linkText(tag_name)).clic
浏览 0提问于2016-11-17得票数 0
我试图为页面的多选中复选框部分(特别是noneSelectedText )获取一个动态字段。以下是html：
<select name="set_town[]" class="my_select set_town" multiple="multiple" data-selected-text="Select Town">
我找到了，但是我无法让包含的代码示例工作。我同时使用了.data()和.attr()，但都没有用。以下工作，但“选择城镇”内容不是动态的，我有几个复选框字段来填充(都不同)。
$('se
浏览 2提问于2015-01-15得票数 0
回答已采纳
1回答
我有一个从JSON文件动态生成的html表。此表包含具有下拉列表和复选框的行。如果选择了下拉列表中的默认值，则应禁用该复选框，否则应启用该复选框。我相信下面的代码应该能做我想做的事情。
$(function() {
$('td select').change(function () {
$(this).closest('tr').find('input[type="checkbox"]').prop('disabled', $( 'select option:selected' ).val()==&
浏览 9提问于2016-09-08得票数 0
回答已采纳
2回答
有没有办法通读HTML页面并返回所单击的动态复选框的值？
现在，我知道如何在不使用JS的情况下从静态复选框中获取值，但由于我是使用数据库中的数据生成以下复选框，因此我不确定如何定位每个复选框并知道用户选中了哪个复选框。
当我浏览chrome中的开发人员工具时，我可以看到生成的复选框的值发生了变化，但当我引用它们时，它仍然不起作用。
<!DOCTYPE html>
<html lang="en">
<form action="/test" method="post">
<button type=&#
浏览 58提问于2017-07-18得票数 1
回答已采纳
我试图控制从我的数组呈现的动态复选框。我的问题是我有多个复选框，但我的构造函数中只有一个状态。有没有其他方法来控制动态字段/项目
下面是我的代码：
onAddingItem = (item) =>{
var self = this;
const value = item.target.type === 'checkbox' ? item.target.checked : item.target.value;
var newArray = self.state.product.slice();
if(item.target.check
浏览 1提问于2017-12-23得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
