问题基本上是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>
现在的问题是:我在这里做错了什么?
答案 0 :(得分:0)
将包含代码的<script>
标记放在标记的底部 - 或者将代码包装在DOM ready函数中:
$(document).ready(function() {
//your code here
});