Javascript 如何保存jQuery中的数据?

Javascript 如何保存jQuery中的数据?,javascript,jquery,Javascript,Jquery,我的元素中有一些动态数据。请看下面的示例: <div id="chart_1"></div> 您可以像下面这样声明全局变量 $(document).ready(function() { var media_1,media_2,media_3,media_4,media_5,media_6,media_7,media_8,....,media_75; media_1=media_2=media_3=media_4=media_5=media_6=me

我的元素中有一些动态数据。请看下面的示例:

<div id="chart_1"></div>

您可以像下面这样声明全局变量

$(document).ready(function() {

var media_1,media_2,media_3,media_4,media_5,media_6,media_7,media_8,....,media_75;
media_1=media_2=media_3=media_4=media_5=media_6=media_7=media_8=....media_75=0;
    

$(".media_1").click(function(event) {
    var total = 0;
    //var media_1 = 0;
    $(".media_1:checked").each(function() {
        total += parseInt($(this).val());
        media_1 = total / 15;
    });

    if (total == 0) {
        $('#media_1').val('');
    } else {                
        $('#media_1').val(media_1);
    }
   });
$(".media_2").click(function(event) {
    var total = 0;
    //var media_2 = 0;
  $(".media_2:checked").each(function() {
    total += parseInt($(this).val());
    media_2 = total / 15;
  });
  
  if (total == 0) {
    $('#media_2').val('');
  } else {              
    $('#media_2').val(media_2);
  }
});
...
....
.....

var options = {
        series: [{
        data: [media_1, media_2,media_3,media_4,......,media_75]
      }],
        chart: {
        height: 350,
        type: 'bar',
        events: {
          click: function(chart, w, e) {
          }
        }
      },
      colors: colors,
      plotOptions: {
        bar: {
          borderRadius: 6,
          columnWidth: '45%',
          distributed: true,
        }
      },
      dataLabels: {
        enabled: false
      },
      legend: {
        show: false
      },
      xaxis: {
        categories: [
          ['Proactivity', 'Self-Confidence'],
        ],
        labels: {
          style: {
            colors: colors,
            fontSize: '12px'
          }
        }
      }
      };

      var chart = new ApexCharts(document.querySelector("#chart_1"), options);
      chart.render();
});
这里是全球媒体1、媒体2。。。。将得到更新,您可以在中使用它们

data: [media_1, media_2,media_3,media_4,......]

您可以像下面这样声明全局变量

$(document).ready(function() {

var media_1,media_2,media_3,media_4,media_5,media_6,media_7,media_8,....,media_75;
media_1=media_2=media_3=media_4=media_5=media_6=media_7=media_8=....media_75=0;
    

$(".media_1").click(function(event) {
    var total = 0;
    //var media_1 = 0;
    $(".media_1:checked").each(function() {
        total += parseInt($(this).val());
        media_1 = total / 15;
    });

    if (total == 0) {
        $('#media_1').val('');
    } else {                
        $('#media_1').val(media_1);
    }
   });
$(".media_2").click(function(event) {
    var total = 0;
    //var media_2 = 0;
  $(".media_2:checked").each(function() {
    total += parseInt($(this).val());
    media_2 = total / 15;
  });
  
  if (total == 0) {
    $('#media_2').val('');
  } else {              
    $('#media_2').val(media_2);
  }
});
...
....
.....

var options = {
        series: [{
        data: [media_1, media_2,media_3,media_4,......,media_75]
      }],
        chart: {
        height: 350,
        type: 'bar',
        events: {
          click: function(chart, w, e) {
          }
        }
      },
      colors: colors,
      plotOptions: {
        bar: {
          borderRadius: 6,
          columnWidth: '45%',
          distributed: true,
        }
      },
      dataLabels: {
        enabled: false
      },
      legend: {
        show: false
      },
      xaxis: {
        categories: [
          ['Proactivity', 'Self-Confidence'],
        ],
        labels: {
          style: {
            colors: colors,
            fontSize: '12px'
          }
        }
      }
      };

      var chart = new ApexCharts(document.querySelector("#chart_1"), options);
      chart.render();
});
这里是全球媒体1、媒体2。。。。将得到更新,您可以在中使用它们

data: [media_1, media_2,media_3,media_4,......]

为什么不在单击函数外部声明media_1和media_2。我将media_1放在函数中,但它不会从循环中导出值。为什么不在单击函数外部声明media_1和media_2。我将media_1放在函数中,但它不会从循环中导出值。我不明白否决投票的原因。。。这是一种错误的方法吗?只是有人不喜欢我的答案,因为他自己会回答这个问题…谢谢,我尝试了这种方法,但平均值仍然是0,你尝试过第二种变量声明吗?我评论过的一种,即
var media\u 1,media\u 2,media\u 3,media\u 4,media\u 5,media\u 6,media\u 7,媒体8,…,媒体75;媒体1=媒体2=媒体3=媒体4=媒体5=媒体6=媒体7=媒体8=…媒体75=0更新了我的答案,请同时更新…是的,console.log(media_1)为0:-(我不明白否决投票的原因……这是一种错误的方式吗?只是有人不喜欢我的答案,因为他自己会回答这个问题……谢谢,我尝试了这种方法,但平均值仍然是0,没有改变。你试过第二种变量声明吗?我评论过的变量声明,即
var media\u 1,media_2,media_3,media_4,media_5,media_6,media_7,media_8,…,media_75;media_1=media_2=media_3=media_4=media_5=media_6=media_7=media_8=…..media_75=0;
更新了我的答案,也请回答…是的,控制台日志(media_1)是0:-(