我有这个Fiddle并且我使脚本在第一次选中复选框时起作用,而不是在输入中插入文本,但是如果我尝试首先插入文本,则按钮将无法自我启用。有人可以看那个小提琴吗?这是我的剧本
$('.checkset label').on('change', function () {
var reqlength = $('.important').length;
console.log(reqlength);
var value = $('.important').filter(function () {
return this.value != '';
});
if ($('.checkset label').hasClass("checked")) {
if (value.length >= 0 && (value.length !== reqlength)) {
//alert('Please fill out all required fields.');
$('#reg').prop('disabled', true);
$('#reg').addClass('inactive');
} else {
//alert('Everything has a value.');
$('#reg').prop('disabled', false);
$('#reg').removeClass('inactive');
}
} else {
$('#reg').prop('disabled', true);
$('#reg').addClass('inactive');
}
});
$(".important").on('change', function () {
$('.checkset label').change();
});
最佳答案
尝试在input
事件中用label
元素替换change
元素,如果所有.toggleClass()
.checked
元素都具有,则不使用.checkset label
在.important
上将input
类设置为
$(".checkset").click(function(){
$(this).find("label").toggleClass("checked");
});
var res;
var inputs = $(".important, .checkset input");
inputs.on("input change", function() {
res = inputs.get().every(function(el) {
return $(el).is("[type=checkbox]") ? el.checked : el.value.length !== 0
});
$("#reg").prop("disabled", !res)
.toggleClass("inactive", !res)
})
jsfiddle http://jsfiddle.net/r9rsddhk/15/