从两个 jquery 函数计算变量答案

【问题标题】：Calculation of variables from two jquery functions从两个 jquery 函数计算变量
【发布时间】：2021-12-19 19:56:08
【问题描述】：

我正在尝试从不同的 jQuery 函数计算两个变量，但我仍然没有得到结果。
一个变量来自单选按钮，第二个来自输入字段。

这是脚本：

jQuery(document).ready(function() {
  jQuery("input[name='typ_podorysu']").click(function(e) {
    var typ_skrine = parseFloat(jQuery("input[name='typ_podorysu']:checked")
      .attr("data-calc_value") || 0);

    console.log(typ_skrine);
  });
  
  jQuery("input[name='sirka'], input[name='vyska'], input[name='hlbka'], 
      input[name='typ_podorysu']").keyup(function(e) {
    var width = parseFloat(jQuery("input[name='sirka']").val() || 0);
    var depth = parseFloat(jQuery("input[name='hlbka']").val() || 0);
    var height = parseFloat(jQuery("input[name='vyska']").val() || 0);
    var plocha = ((width / 1000) * (depth / 1000) * (height / 1000));
    console.log(plocha + " m2");
  });
});

【问题讨论】：

我们需要查看相关的 HTML 以调试问题。我假设如果不同的输入是单选按钮组，那么您将缺少 :selected 选择器来从用户检查的那个中获取值。

标签： jquery wordpress

【解决方案1】：

我尝试了更多选择，但是...简单的方法就是：) 最终结果是这样的：

jQuery(document).ready(function(){
    jQuery("input[name='sirka'], input[name='vyska'], input[name='hlbka'], input[name='typ_podorysu']").bind('click keyup', function(e) {
        var width = parseFloat(jQuery("input[name='sirka']").val() || 0);
        var depth = parseFloat(jQuery("input[name='hlbka']").val() || 0);
        var height = parseFloat(jQuery("input[name='vyska']").val() || 0);
        var typ_skrine = parseFloat(jQuery("input[name='typ_podorysu']:checked").attr("data-calc_value") || 0);
        var plocha = (( width / 1000 ) * ( depth / 1000 ) * ( height / 1000)) + typ_skrine;
        console.log(plocha + " m2");
    });
});

【讨论】：