Question

在我的（ gravityform ）中，我有两个字段，一个单选按钮或复选框和一个数字字段。我想根据数字字段向一个单选按钮传递一个值（是或否），所以如果我用一个小于默认值的数字填充它，例如10，我得到选择的单选按钮的复选框“是否”。如果在提交之前或之后可以做到这一点，则无关紧要。

非常感谢。

Answer 1

这是您尝试做的非常基本的演示：

DEMO

基本思路是查看输入字段中的值，然后相应地选中或取消选中单选按钮。

Answer 2

您应该为数字输入注册一个事件处理程序。

纯JS解决方案：

var radioYes = document.getElementById("choice_1_49_0"),
    radioNo = document.getElementById("choice_1_49_1"),
    valueToCheck = 10;

document.getElementById("input_1_38").addEventListener("change", function() {  
    if (+this.value > valueToCheck)
       radioYes.checked = true;
    else 
       radioNo.checked = true;  
}, false);

JSFiddle

编辑：根据您的标记更新代码。

Answer 3

使用名为“keyup”的事件，您可以根据该事件更改单选按钮的值。请尝试以下代码：

<html>

<head>
  <script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script>
  <script>
    $(document).ready(function() {
      $("#numbervalue").on("propertychange change keyup", function() {
        var val = $("#numbervalue").val();
        if (val > 10) {
          $("#one").prop("checked", false);
          $("#two").prop("checked", true);
        } else {
          $("#one").prop("checked", true);
          $("#two").prop("checked", false);
        }
      });
    });
  </script>
</head>

<body>
  <form action="">
    Number:
    <br>
    <input type="number" name="numbervalue" id="numbervalue" value="10">
    <br>
    <br>Value is more than 10 ?
    <br>
    <input type="radio" name="truth" id="one" value="0" checked>No
    <br>
    <input type="radio" name="truth" id="two" value="1">Yes
    <br>
  </form>
</body>

</html>

Answer 4

好的，谢谢，这很有效，真棒!!

mouseReleaseEvent(...)

将值（是或否）传递给相同形式的单选按钮

4 个答案: