在输入文本框时激活单选按钮

Activating radiobutton upon typing in text box

本文关键字：激活 单选按钮 输入 文本      更新时间：2023-09-26

问题基本上是一个后续激活单选按钮当文本框被选中时，这是相当旧的。

我已经从公认的答案中提取了代码并将其改编到我的页面中。它在jfiddle中工作(我在jfiddle中复制了我的页面中的位进行测试)，它在我的页面中不起作用。经过进一步的挖掘，我认为我必须添加一个叫做jQuery的东西，我就这样做了。还是不行

在我的html:

的头部部分导入jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

来自我的页面的相关代码片段:

<script>
$('#sourcetext').on('keyup', function() {
    $('#sourcecheck').prop('checked', !!this.value.length);
});
</script>
<p><input type="radio" name="source" id="sourcecheck" value="meetup"  /> Meetup, group: <input type="text" name="meetupgroup" id="sourcetext" value="" /></p>
<p><input type="radio" name="source" value="facebook" checked /> Facebook</p>
<p><input type="radio" name="source" value="timeout"  /> Time Out Magazine</p>
<p><input type="radio" name="source" value="hkmagazine"  /> HK Magazine</p>
<p><input type="radio" name="source" value="other"  /> Other: <input type="text" name="sourceother" value="" /> </p>

现在的问题是:我可能做错了什么?

将包含代码的<script>标记放在标记的底部-或者将代码包装在DOM就绪函数中:

$(document).ready(function() {
    //your code here
});
相关文章：