为什么这个复选框不触发jquery代码onchange?我什么都试过了,但都不起作用
Why does this checkbox not trigger the jquery code onchange? I tried everything, but it is not working
我写了一些代码,但它不起作用,所以我找到了一些工作代码,并尝试了它,但它也不起作用。
你能告诉我为什么这不起作用吗?
以下是我在页眉中尝试的代码:头部分的脚本src标记中的第一个:http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js删除那个,现在放这个:http://code.jquery.com/jquery-1.9.1.js
我把这个代码放在一个脚本代码标签中:
$(document).ready(function(){
$("input:checkbox").change(function(){
var the_id= '#' + this.id + 'f';
$(the_id).toggle();
alert('killa-test... popup?');
});
});
在这不起作用之后,我从head标记中取出代码,并将其放在脚本标记中HTML中的表单之后。。。所以你会在下面的HTML中看到它,它不会重复。。。我移动了它。
这是表单中的HTML。我希望它允许他们选择他们想要的字段,然后显示()另一个,询问他们是否需要该字段。。。。所以我使用了上面jquery中的toggle()方法。
这是一个表格:
<form method="post" action="index.cgi" enctype="multipart/form-data" name="lp_setup">
<input type="hidden" name="page" value="BackOffice" /><input type="hidden" name="dothis" value="lp_sys" /><input type="hidden" name="action" value="doSetup" /><br />
<br />
<div id="webform">
<br />
<fieldset style="text-align: left;">
<legend>Setup Your Landing Page: English - System 1</legend><br />
<br />
This is a Landing Page - language: English; Created by one of our distributors, given to use with permission for all of our distributors use. Enjoy it!<br />
<br />
Choose the fields You want to Capture on the Landing Page:<br />
<br />
First Name <label><input type="checkbox" name="fname" value="1" id="5Jp2bsBb6Dyqryh2Y9Dy7jNd" />Yes - Use This Field</label> <span style="display: none;" id="5Jp2bsBb6Dyqryh2Y9Dy7jNdf"> - <label><input type="checkbox" name="FirstNameError" value="1" />Make this field required?</label></span><br />
Last Name <label><input type="checkbox" name="lname" value="1" id="LqtEeSrHyNBYK42mPs4DmpDF" />Yes - Use This Field</label> <span style="display: none;" id="LqtEeSrHyNBYK42mPs4DmpDFf"> - <label><input type="checkbox" name="LastNameError" value="1" />Make this field required?</label></span><br />
Full Name <label><input type="checkbox" name="fullname" value="1" id="qyqxWXLSCmJ9qFZTzF9RE3uL" />Yes - Use This Field</label> <span style="display: none;" id="qyqxWXLSCmJ9qFZTzF9RE3uLf"> - <label><input type="checkbox" name="fullNameError" value="1" />Make this field required?</label></span><br />
Best Email Address <label><input type="checkbox" name="email" value="1" id="QnvjL9rrEet4gqJ7WXXvL2By" />Yes - Use This Field</label> <span style="display: none;" id="QnvjL9rrEet4gqJ7WXXvL2Byf"> - <label><input type="checkbox" name="emailError" value="1" />Make this field required?</label></span><br />
Phone Number <label><input type="checkbox" name="phone" value="1" id="L5ZXswQbxrLXNJGeEmh6mtKX" />Yes - Use This Field</label> <span style="display: none;" id="L5ZXswQbxrLXNJGeEmh6mtKXf"> - <label><input type="checkbox" name="phoneError" value="1" />Make this field required?</label></span><br />
Shipping Address <label><input type="checkbox" name="address" value="1" id="7B55JjLm2xRSQB6M6fbgYN3Y" />Yes - Use This Field</label> <span style="display: none;" id="7B55JjLm2xRSQB6M6fbgYN3Yf"> - <label><input type="checkbox" name="AddressError" value="1" />Make this field required?</label></span><br /><br />
<br />
</fieldset><br />
<br />
</div><br />
<br />
<script>
$(document).ready(function(){
$("input:checkbox").change(function(){
var the_id= '#' + this.id + 'f';
$(the_id).toggle();
alert('killa');
});
});
</script>
</form>
你能帮我做这个吗?
谢谢!Richard
我已经测试了您的代码,它看起来不错,所以我能想到的问题是如何包含jQuery库。使用下面的标记,并确保它包含在脚本函数之上,最好包含在<head>标签。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
测试一下,告诉我它是否对你有效。
相关文章:
- 是什么阻止了技能[id].增值?(Javascript)
- Javascript在实现时似乎跳过了一行(如果count==1)
- 我需要迭代一个JSON数组——不知道如何做到——已经搜索过了,但仍然可以'我一点也不知道
- Hammer.js过了一段时间就停止工作了
- 是什么触发了浏览器中的弹出窗口阻止程序
- grunt contrib jshint-error在定义之前就已经使用过了
- 什么决定了 Node.js 应用是否保持运行
- 在WordSmith jquery中,双击后什么决定了链接图标的位置
- 进行自动实时聊天/虚假聊天,我的javascript跳过了第一个响应
- 是什么导致了我的scrollTo函数出现问题
- 是什么导致了这个JS控制台错误
- 什么设置了正确的语法
- 我怎样才能知道是什么触发了endRequest函数
- 再次调用时跳过了 Ajax
- 是什么导致了Chrome中的此Google地图标记单击错误
- 是什么导致了IE8中的谷歌地图错误
- 什么定义了 JavaScript 中的对象长度
- 引导程序下拉不起作用.什么都试过了..(引导2.3.2)
- 为什么这个复选框不触发jquery代码onchange?我什么都试过了,但都不起作用
- 为什么我不能在dashcode中添加web剪辑图标到我的web应用程序?我什么都试过了