如何附加一个带有值的复选框？答案

【问题标题】：How to .append a checkbox with value?如何附加一个带有值的复选框？
【发布时间】：2019-11-16 01:34:56
【问题描述】：

我需要在我的表记录中附加一个值为value.Project 的复选框，但我不知道正确的语法。

我的部分功能：

$.each(data.Records, function(index, value) {
  var record = $('<tr>');
  record.addClass('data');
  record.append($('<td>' +
    value.Date + '</td><td>' +
    value.Client + '</td><td>' +
    '</td><td><a href="@Url.Action("Edit")?id=' + value.Id + '">Edit </a>| '));
  table.append(record);
});

我试过了，但它不起作用：

+ '<input class="check-box" disabled="disabled" type="checkbox" value="value.Project"' + '</td><td>'

它应该是什么样子？

【问题讨论】：

value="value.Project" value.Project 这是一个文字字符串。考虑一下你是如何做到这一点的，以及你是如何在同一代码中前面附加 value.Date 的。为什么你的追加方式不同？

标签： javascript c# jquery html append

【解决方案1】：

复选框中的值串联不正确。

更改您的代码：

+ '<input class="check-box" disabled="disabled" type="checkbox" value="value.Project"' + '</td><td>'

到

+ '<input class="check-box" disabled="disabled" type="checkbox" value="'+value.Project+'"> </td><td>'

如果您希望选中复选框，请添加checked 属性。

+ '<input class="check-box" disabled="disabled" type="checkbox" value="'+value.Project+'" checked="'+value.Project+'"> add your label value here</td><td>'

【讨论】：

我的复选框仍然是空的，value.Project 给了我 true 或 false 的值，所以我需要选中复选框或为空
空是什么意思？它没有价值或没有标签？
它没有标签，例如值为真但未选中复选框
值与检查状态无关。 checked 属性，存在或不存在，MDN Checkbox checked attribute
如果你想选中复选框，你需要checked 属性。我用选中的属性更新了代码。你仍然需要附加标签。您还没有提到 label and value 的对象键，所以您也需要添加它。