javascript - 合并两个独立函数的结果？

Question

• 利用 ASP 和 DotNetNuke 循环浏览重复单选按钮的列表。
• 使用 JQuery
• 当前显示权重计算函数的正确结果值(例如:3)
• 如何将 rbtCalculations 结果与weightCalculations 结果合并？

• 例如:IF rbtCalculations = 非常高 AND WeightCalculations = 高 THEN $('p.custom' + ID).text("5");

  <input id="rbt_0" name="rbt" value="Very High" checked="checked" onclick="rbtCalculations(this,6559);" type="radio">
  <input id="rbt_1" name="rbt" value="High" onclick="rbtCalculations(this,6559);" type="radio">
  
  <input id="stakeholders_rbt_0" name="stakeholders_rbt" value="Very High" onclick="weightCalculations(this,6559);" type="radio">
  <input id="stakeholders_rbt_1" name="stakeholders_rbt" value="High" checked="checked" onclick="weightCalculations(this,6559);" type="radio">
  <input id="stakeholders_rbt_2" name="stakeholders_rbt" value="Low to Moderate" onclick="weightCalculations(this,6559);" type="radio">
  
  <p class="custom6559">3</p>
  
  <script type="text/javascript">
      function weightCalculations(value, ID) {
          if (value.value == "High") {
              $('p.custom' + ID).text("3");
          }
          else {
              $('p.custom' + ID).text("2");
          }
  }
  

Answer 1

我可能只是添加一个 class到单选按钮来识别它们，并使用一个包装元素将所有部分关联在一起:

<div class="js-weight-calc-wrap">
    <input type="radio" class="js-rbt" ... />
    <input type="radio" class="js-rbt" ... />

    <input type="radio" class="js-weight" ... />
    <input type="radio" class="js-weight" ... />
    <input type="radio" class="js-weight" ... />

    <p class="js-result custom6559"></p>
</div>

<script>
jQuery(document).ready(function ($) {
    $('.js-rbt, .js-weight').change(function () {
        var $this = $(this),
            $wrap = $this.closest('.js-weight-calc-wrap'),
            rbtVal = $wrap.find('.js-rbt:checked').val(),
            weightVal = $wrap.find('.js-weight:checked').val(),
            result = rbtVal === 'VeryHigh' && weightVal === 'High' 
                     ? '5'
                     : rbtVal === 'VeryHigh' && weightVal === 'Low'
                         ? '4'
                         : '0';
        $wrap.find('.js-result').text(result)
    });
});
</script>

我最终可能还会创建一个 jQuery 插件来包含所有这些逻辑，因此在您的页面上它只是这样的调用:

jQuery(function ($) { 
    $('.js-weight-calc-wrap').weightCalculator({
        rbtSelector: '.js-rbt',
        weightSelector: '.js-weight',
        resultSelector: '.js-result'
    });
});

更新

我之前忘记了，当您选择单选按钮时，您需要对其进行过滤，以便您仅获得选中的按钮(与 <select/> 元素混淆)。添加:select后对于选择器来说，它按预期工作。我把它清理了一下，并创建了一个 working jsFiddle .