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

时间:2014-06-24 17:14:01

标签: javascript jquery html forms

问题基本上是Activate radiobutton when text box is selected的后续行动,这已经很久了。

我已从接受的答案中获取代码并将其调整到我的页面。它适用于jfiddle(我在jfiddle中复制了我的页面中的位以进行测试),它在我的页面中不起作用。从更多的挖掘中我发现我必须添加一些叫做jQuery的东西,我做了。它仍然无法运作。

在我的html的head部分导入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>

现在的问题是:我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

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

$(document).ready(function() {
    //your code here
});