javascript - 自动选择带有文本字段的单选按钮？

在这里进行了大量搜索，发现很多人有类似的问题，但是我发现的每个“解决方案”都无法解决我的问题。我可能缺少一些简单的东西，或者可能与我们的HTML有关。基本上，如果有人在其中输入值，我希望我们的文本字段检查其对应的单选按钮。

这是我想要工作的JSFiddle，但是当我将其托管在服务器上进行测试时，不会得到相同的结果。

JSFiddle

http://jsfiddle.net/p8kvQ/39/

的HTML

<div>
  <input type="radio" name="UnitPrice1" id="UnitPrice1" value="47" checked="checked" />
  <label for="UnitPrice1">$47</label>
</div>

<div>
  <input type="radio" name="UnitPrice1" id="UnitPrice2" value="Other" />
  <label for="UnitPrice2">Other</label>
  <input class="-input-width-auto" name="Other1" type="number" id="Other1" />
</div>

JS

$('#Other1').click(function(){
  $('#UnitPrice2').trigger('click');
});

我确实在我们的HTML标头中定义了“ http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js”，并且我尝试通过定义其源文件来添加代码，但还是没有运气。

任何帮助都会很棒。

最佳答案

您的JS必须位于document.ready内。运行代码时，dom元素不可用，因此您的单击侦听器无法附加到它。

$( document ).ready(function() {
  $('#Other1').click(function(){
    $('#UnitPrice2').trigger('click');
  });
});

（JSFiddle为您执行此操作是因为您具有以下设置：http://screencast.com/t/5WUC33diHpTb）

关于javascript - 自动选择带有文本字段的单选按钮？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30171240/