javascript - 使用 html 复选框添加到 javascript 函数

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

我见过一些回答添加到对象的问题，但我相信这略有不同，因为它涉及 html 复选框。

所以我基本上需要放置一个 html 复选框，该复选框将添加或减去(取决于选中的)选择 AU01,2,3,4 等，并将其附加到我已有的功能。这是我做的功能。

$(document).ready(function() {
      var data = {};
      var featuresData = [];
      var emotionsData = {};
      var emotions = [{
        title: "Happiness",
        AUs: ["AU04", "AU12"]   //THIS IS THE BIT I WANT TO ADD TO
      }];

所以它说 AU:[“AU04”，“AU12”] 我目前已将其设置为 au4 和 12，但实际上我想将文本“AU**”放入函数的该部分中。我希望能够根据单击的复选框添加附加项(或减去它们)。每个复选框代表一个 AU。我希望这是有道理的。

Answer 1

在下面的代码中，当单击提交按钮时，将创建一个空数组。然后，我们迭代特定 div 中的所有选中复选框，并将其属性值插入该数组。最后，打印出解决方案。

$('#check').click(function(){
  var checked = [];
  $('#checkboxes input:checked').each(function(){
    checked.push($(this).attr('data-au'));
  });
  $('#out').text(JSON.stringify({AUs: checked}));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="checkboxes">
  <input type="checkbox" data-au="au1" />au1<br />
  <input type="checkbox" data-au="au2" />au2<br />
  <input type="checkbox" data-au="au3" />au3<br />
  <input type="checkbox" data-au="au4" />au4<br />
</div>

<button id="check">check checkboxes</button>

<div id="out"></div>