Question

我有这个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();
});

Answer 1

尝试将input元素替换为label个change个元素，并.toggleClass()将.checked类设置为.checkset label，如果全部.important {1}} 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/

根据输入文本禁用/启用按钮

1 个答案: