Javascript 带文本字段的自动选择单选按钮?

Javascript 带文本字段的自动选择单选按钮?,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,在这里进行了大量搜索,发现很多人有类似的问题,但我找到的每一个“解决方案”在我的案例中都不起作用。我可能遗漏了一些简单的东西,或者可能与我们的HTML有关。基本上,我希望我们的文本字段检查它对应的单选按钮,如果有人在那里输入值 这是一个JSFIDLE,其中包含了我想要使用的东西,但是当我将它放在服务器上进行测试时,我并没有得到相同的结果 JSFiddle HTML <div> <input type="radio" name="UnitPrice1" id="UnitPr

在这里进行了大量搜索,发现很多人有类似的问题,但我找到的每一个“解决方案”在我的案例中都不起作用。我可能遗漏了一些简单的东西,或者可能与我们的HTML有关。基本上,我希望我们的文本字段检查它对应的单选按钮,如果有人在那里输入值

这是一个JSFIDLE,其中包含了我想要使用的东西,但是当我将它放在服务器上进行测试时,我并没有得到相同的结果

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>
我确实在HTML头文件中定义了“”,并尝试通过定义其源文件来添加代码,但仍然没有成功


任何帮助都会很好。

您的JS需要放在
文档中。准备就绪
。当代码运行时,dom元素不可用,您的click listener无法附加它

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

(jsiddle为您执行此操作,因为您有以下设置:)

您的JS需要位于
文档中。就绪
。当代码运行时,dom元素不可用,您的click listener无法附加它

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

(JSFiddle为您这样做是因为您有以下设置:)

您是否有机会向我们提供您实际应用程序的url?您在哪个浏览器中测试它?确保您的最终输出真正呈现您认为应该呈现的ID。检查在分配事件处理程序的行之前发生的JS错误(仔细观察开发人员控制台)。您是否有可能向我们提供实际应用程序的url?您在哪个浏览器中测试它?确保您的最终输出确实呈现您认为应该呈现的ID。检查在分配事件处理程序的行之前发生的JS错误(仔细观察开发人员控制台)。啊!非常感谢。我想这与OnLoad函数有关,但我不确定我遗漏了什么。这就解决了,没问题。我会很感激被接受的答案,不过我很抱歉!我接受了你。再次感谢!啊!!非常感谢。我想这与OnLoad函数有关,但我不确定我遗漏了什么。这就解决了,没问题。我会很感激被接受的答案,不过我很抱歉!我接受了你。再次感谢!