[英]jQuery .click() perform the default action before the custom function
这是我的代码,我有两个复选框,并希望保持禁用状态,直到另一个启用:
$(function(){
$('#remember').live('click', function(event){
if($('#remember').is(':checked')){
$('#keepIn').removeAttr('disabled');
}
else
$('#keepIn').attr('disabled', 'disabled');
});
});
问题在于此函数在默认操作之前执行,并且当我单击第一个$('#remember').is(':checked')
返回false(旧值)而不是true。
您可以改为使用change
事件:
$('#remember').live('change', function(event) {
if (this.checked) {
$('#keepIn').removeAttr('disabled');
} else {
$('#keepIn').attr('disabled', 'disabled');
}
});
演示: http : //jsfiddle.net/jP3NY/
注意:不建议使用live
方法。 你应该更好地利用on
或delegate
。
对于较新版本的jQuery,解决方案如下:
$('body').on('change', '#remember', function(event) {
$('#keepIn').prop('disabled', !this.checked);
});
除了body
您可以使用#remember
任何父元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.