jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 根据输入文本禁用/启用按钮大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 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();
});

解决方法

尝试在change事件中用input元素替换label元素,利用.toggleClass()在.checkset标签上设置.checked类,如果所有.important输入元素都有,不值

$(".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/

大佬总结

以上是大佬教程为你收集整理的jquery – 根据输入文本禁用/启用按钮全部内容,希望文章能够帮你解决jquery – 根据输入文本禁用/启用按钮所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。