【问题标题】:Convert mm to cm with jQuery | Gravity Form [closed]使用 jQuery 将 mm 转换为 cm |重力形式[关闭]
【发布时间】:2021-11-19 09:58:46
【问题描述】:

为什么下面的方法不起作用,我应该怎么做?
你有更好更短的方法来编写这段代码吗?
".Select_unit" 是 Radiobutton 的类名(我从 User Rochelle 那里学来的 :) 谢谢!)


我的重力形式:


$(function() {

var W_val;
var H_val;

      //set width textbox Value to W_val
    $('#input_2_1').keyup(function() {
      W_val = $("#input_2_1").val();
    });

      //set Height textbox Value to H_val
    $('#input_2_2').keyup(function() {
      H_val = $("#input_2_2").val();
    });


     //Change Unit mm to cm
$('.Select_Unit input[type="radio"]').on('change',function(){
     
    var radioValue = $('input[name="#input_2_3"]:checked').val();

    if (radioValue=="cm")
        {
            $("#input_2_1").val(W_val);
            $("#input_2_2").val(H_val);
        }
    else
        {
            $("#input_2_1").val((W_val*10));
            $("#input_2_2").val((H_val*10));
        }

    });

});

【问题讨论】:

  • 您能添加所需的 HTML 以便我们在 sn-p 中运行它吗?
  • 请参阅:idownvotedbecau.se/itsnotworking 它不起作用 - 是否有任何控制台错误?你有jquery吗?你的任何事件真的会触发吗?还是选择器不正确?
  • @freedomn-m 只是单位选择器不正确,其他事件被触发...
  • 没有任何 HTML,我们无能为力。如果我们提供 HTML 来生成有效的解决方案,它不会与您的相同。见minimal reproducible example
  • 刚刚发现这个input[name="#input_2_3"] - 你有<input id="#input_2_3"> 似乎不太可能 - 试试input[name="input_2_3"]。调试时radioValue的值是多少?

标签: jquery gravity-forms-plugin gravityforms


【解决方案1】:

在你的html中,有一个div

<div class='gfield_radio' id='input_2_3'>

因为这是 div,它不是 input,所以选择器 $('input[name="input_2_3"]') 不返回任何输入,所以 .val()总是未定义。

var radioValue = $('input[name="input_2_3"]:checked').val();

radioValue 选择器需要是:

var radioValue = $('#input_2_3 input:checked').val();

然后就可以了:https://jsfiddle.net/57rx2guo/

【讨论】:

    【解决方案2】:

    谢谢!

    var radioValue = $('input[name="input_3"]:checked').val();
    

    【讨论】:

    • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
    猜你喜欢
    • 2012-07-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-14
    相关资源
    最近更新 更多