将checkbox的状态保存到对象中的布尔键

时间:2018-03-10 15:04:32

标签: javascript jquery checkbox

我正在建立一个工具来尝试不同的党派联盟(用于教育目的)。

我想出了如何对复选框的赋值进行求和,但现在我的对象中有这些未使用的键。我想将复选框的状态保存到此键(most = true),以便稍后我可以使用它来显示图形。

// sum up the seats assigned to the majority
$('input:checkbox').change(function() {
  var total = 0;
  $('input:checkbox:checked').each(function() { // iterate through each checked element.
    total += isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());
  });
  document.getElementById('total').innerHTML = total;

  if (total > 75) {
    document.getElementById('success').innerHTML = 'Je hebt een meerderheid bereikt in de Kamer van Volksvertegenwoordigers!';

  } else {
    document.getElementById('success').innerHTML = 'Nog geen meerderheid bereikt';
  }

  var minority = 150 - total;
  document.getElementById('minority').innerHTML = 'De oppositie heeft ' + minority + ' zetels.';

});

我如何将座位设置为复选框的值:

displayParty() {
    var result = '<li><input type="checkbox" value="' + this._seats + '" class="majority" id="' + this.name + '"> ' + this.color + ' | ' + this.name + ' | ' + this.seats + '</li>';
    return result;
  }

完整小提琴:https://jsfiddle.net/silvia/drq919t2/218/

欢迎任何其他反馈!刚开始拼凑代码...... 谢谢!

0 个答案:

没有答案