Question

在这里进行了大量的搜索，发现很多人有类似的问题，但是每个人都有这样的解决方案。我发现在我的情况下无法工作。我可能会遗漏一些简单的东西，或者它可能与我们的HTML有关。基本上，如果有人在那里输入值，我希望我们的文本字段检查相应的单选按钮。

这是一个JSFiddle我想要的工作，但是当我把它放在服务器上进行测试时，我得不到相同的结果。

的jsfiddle

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');
});

我有＆＃34; http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js＆＃34;在我们的HTML标题中定义，我尝试通过定义其源文件来添加代码，但仍然没有运气。

任何帮助都会很棒。

Answer 1

你的JS需要在document.ready内。当代码运行时，dom元素不可用，因为你的点击监听器无法附加它。

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

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

使用文本字段自动选择单选按钮？

1 个答案: