DDR爱好者之家 Design By 杰米
早上要做一功能，checkbox被选中时，显示隐藏的层，取消选中时，再隐藏选中的层。
初始代码如下：
复制代码 代码如下:
$(function(){
$("#ischange").change(function() {
alert("checked");
});
});
捣腾了半天，竟然一点反应都没有。百度了下，有高人指出上面几行代码在Firefox等浏览器中可以正常运行，即你选中复选框或取消复选框都会弹出一个对话框，但是在IE中却不会正常执行，即选中或取消复选框不会立即弹出对话框。
必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方，据说是因为IE会等到复选框失去焦点之后才会触发change事件。
改进之后的代码如下：
复制代码 代码如下:
$(function(){
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
};
$("#ischange").change(function() {
alert("checked");
});
});
补充：当改变复选框的值后，IE在等待失去焦点，但是click事件是立即触发的，因此利用click事件让复选框失去焦点，这样就会触发chang事件了，然后再把焦点重新转移到该复选框上。
如果是radio，将checkbox换成radio即可。
在JQuery中，当给radio或checkbox添加一个change事件时，如果它的值发生变化就会触发change事件，就如同我们在 HTML中写入下代码：
复制代码 代码如下:
<input type="checkbxo" id="testCheckbox" onchange="myfunction()"name="fruits">,
而我们用JQuery的代码如下：
复制代码 代码如下:
$(document).ready(function(){
$("testCheckbox").change(function() {
alert("Option changed!");
});
});
以上代码在Firefox等浏览器中可以正常运行，即当你选中复选框或取消复选框都会弹出一个对话框，但是在IE中却不会正常执行，即你选中或取消复选框不会立即弹出对话框，你必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方，之所以这样，据说是因为IE会等到复选框失去焦点之后才会触发change事件，目前这个问题还没有被修复，不过网上有高人已经提供了解决方案：
复制代码 代码如下:
$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});
以上代码只要把checkbox就可以适用于radio, 以上代码的原理是：当改变复选框的值后，IE在等待失去焦点，但是click事件是立即触发的，因此利用click事件让复选框失去 焦点，这样就会触发chang事件了，然后再把焦点重新转移到该复选框上。有人可能会问为什么不直接用click事件来代替change事件，对于checkbox来说，click事件和change都可以完成同样的功能，但是对于radio来说就不一样了，你可以连续点击同一个radio而值不变，这时就会不停的触发click事件而不会触发change事件。
初始代码如下：
复制代码 代码如下:
$(function(){
$("#ischange").change(function() {
alert("checked");
});
});
捣腾了半天，竟然一点反应都没有。百度了下，有高人指出上面几行代码在Firefox等浏览器中可以正常运行，即你选中复选框或取消复选框都会弹出一个对话框，但是在IE中却不会正常执行，即选中或取消复选框不会立即弹出对话框。
必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方，据说是因为IE会等到复选框失去焦点之后才会触发change事件。
改进之后的代码如下：
复制代码 代码如下:
$(function(){
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
};
$("#ischange").change(function() {
alert("checked");
});
});
补充：当改变复选框的值后，IE在等待失去焦点，但是click事件是立即触发的，因此利用click事件让复选框失去焦点，这样就会触发chang事件了，然后再把焦点重新转移到该复选框上。
如果是radio，将checkbox换成radio即可。
在JQuery中，当给radio或checkbox添加一个change事件时，如果它的值发生变化就会触发change事件，就如同我们在 HTML中写入下代码：
复制代码 代码如下:
<input type="checkbxo" id="testCheckbox" onchange="myfunction()"name="fruits">,
而我们用JQuery的代码如下：
复制代码 代码如下:
$(document).ready(function(){
$("testCheckbox").change(function() {
alert("Option changed!");
});
});
以上代码在Firefox等浏览器中可以正常运行，即当你选中复选框或取消复选框都会弹出一个对话框，但是在IE中却不会正常执行，即你选中或取消复选框不会立即弹出对话框，你必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方，之所以这样，据说是因为IE会等到复选框失去焦点之后才会触发change事件，目前这个问题还没有被修复，不过网上有高人已经提供了解决方案：
复制代码 代码如下:
$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});
以上代码只要把checkbox就可以适用于radio, 以上代码的原理是：当改变复选框的值后，IE在等待失去焦点，但是click事件是立即触发的，因此利用click事件让复选框失去 焦点，这样就会触发chang事件了，然后再把焦点重新转移到该复选框上。有人可能会问为什么不直接用click事件来代替change事件，对于checkbox来说，click事件和change都可以完成同样的功能，但是对于radio来说就不一样了，你可以连续点击同一个radio而值不变，这时就会不停的触发click事件而不会触发change事件。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2025年01月22日
2025年01月22日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]