Question

如果选中或未选中复选框，我们将此值存储在数据库中，那么我们如何在JavaScript中获取该值？

这是我的代码：

<div class="editor-label" style="width: 110px;">
     <%: Html.LabelForEx(model => model.SecurityVulnerability.SecurityVulnerability) %>
</div>

<div class="editor-field" style="width: 60px; padding-top: 0;">
      <%: Html.CheckBoxFor(x => x.SecurityVulnerability.SecurityVulnerability) %>
</div>

现在如果我加载了页面，则可以选中是否选中Box。如果选中它，那么我想将此值设为true（或其他），或者如果未检查则在JavaScript中为false（我正在编写一些javaScript函数）。我尝试使用onclick函数，但只有当用户在UI手动检查和取消选中时才能使用。此外，如果用户手动点击UI，那么我也希望相应地获得价值。

我是javaScript和razor的新手。

Answer 1

当页面完全加载时，它会遍历所有复选框并记录它的检查状态。

＆＃13;

window.onload = function() {
  var checkBoxes = document.querySelectorAll('input[type="checkbox"]');
  
  for(var i = 0; i < checkBoxes.length; i++) {
      console.log(checkBoxes[i].checked);
  }
  
}

＆＃13;

<label>I'm checked <input type="checkbox" value="foobar" checked></label><br>
<label>I'm not checked <input type="checkbox"></label>

＆＃13;

如果您只有一个唯一输入（带ID），那么您可以这样做。

＆＃13;

window.onload = function() {
  var checkBox = document.getElementById("SecurityVulnerability_SecurityVulnerability");
  console.log(checkBox.checked);
}

＆＃13;

<label> Checked<input type="checkbox" id="SecurityVulnerability_SecurityVulnerability" checked></label>

＆＃13;

Answer 2

您可以查看它是否为checked。

var checkbox = document.getElementById('checkbox');
alert(checkbox.checked);

Widget Tweaks

如果已经检查过，如何在Javascript中获取CheckBox的值？

2 个答案: