jQuery输入添加答案

【问题标题】：jQuery input additionjQuery输入添加
【发布时间】：2021-12-09 18:41:44
【问题描述】：

我想在 wordpress 中从流利的表单插件中添加一些输入、单选按钮等。

但我正在努力解决我有 4 个按钮的问题，每个按钮都有不同的值，但结果仍然显示第一个选项的数字。请问我如何从点击选项中获得正确的数字？

我用这个脚本

    jQuery(document).click(function() 
{
  var a = jQuery("input[name='typ_podorysu']").attr("data-calc_value");
  var d = a;
    jQuery("#result").text(d);
    console.log(d)
});

感谢您的建议

【问题讨论】：

标签： jquery wordpress

【解决方案1】：

这是一个基于您的代码的简化示例。

$(function(){
  $("input[name='typ_podorysu']").click(function() {
    var d = $(this).attr("data-calc_value");
    $("#result").append(d+"\n");
  });
});

textarea{width:100%;height:200px;margin:20px 0}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
  <div>
    <input type="radio" name="typ_podorysu" value="1" data-calc_value="1"> (value = 1, calc_value = 1)
  </div>  
  <div>
    <input type="radio" name="typ_podorysu" value="2" data-calc_value="1"> (value = 2, calc_value = 1)
  </div>  
  <div>
    <input type="radio" name="typ_podorysu" value="3" data-calc_value="2"> (value = 3, calc_value = 2)
  </div>  
  <div>
    <input type="radio" name="typ_podorysu" value="4" data-calc_value="3"> (value = 4, calc_value = 3)
  </div>  
</div>

<div>
  <textarea id="result"></textarea>
</div>

【讨论】：

感谢它有效！但是后续问题如何从具有不同名称的另一个输入中获取值，例如：name="typ-dveri" 值可以是相同的，例如......然后请添加这两个变量
$("input[name='typ_podorysu'],input[name='typ-dveri']")。如果您觉得它有帮助，请给答案投票，如果您认为这是最好的答案，您可以给它打绿勾。
但加法效果不佳...我只需要加两个数字...但我尝试了您的建议但不是我想要的jsfiddle.net/bendakfilip/wzufs0d4/#
好的，现在我知道了你想要做什么，我还不是很清楚。几分钟后我会给你举个例子。
这是你想要的小提琴jsfiddle.net/f1cxv62r/1

【解决方案2】：

如果你发现需要使用event delegation可以使用这个方法：

jQuery(document).on('click', "input[name='test']", (function() {
  var a = jQuery(this).attr("data-test");
  console.log(a);
}));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
click me
<input type="radio" name="test" data-test="1">
<input type="radio" name="test" data-test="2">
<input type="radio" name="test" data-test="3">

【讨论】：