所有input输入完成后，改变按钮颜色

Just do it

于 2017-05-18 15:14:00 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/yongwang/p/6873546.html

本文介绍了一种使用jQuery实现的功能：当四个输入框均有输入时，改变按钮的背景颜色及文字颜色，以实现交互效果。具体实现方式是通过监听输入框的变化，判断所有输入框是否都有内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function(){
    $('input').on('input propertychange',function(){
        if(($.trim($('.add1').val())!=="")&&($.trim($('.add2').val())!=="")&&($.trim($('.add3').val())!=="")&&($.trim($('.add4').val())!=="")){
        $('.addcard-btn button').css({'background-color':'#ff9b2f','color':'#ffffff'});
    }else{
        $('.addcard-btn button').css({'background-color':'#e0e0e0','color':'#444444'});     
         }
    });
});