Question

我有一个id ='red'的按钮。当我点击它时，我希望那些空的textareas变成红色。我的代码无效。

$(document)ready.(function() {

 $('#reg').click(function() {

if($(':text').val() == '') {

$(this).css({'color':'red'});
            }
});

});

非常感谢您的输入人员。我还没有工作。也许是我的标记被搞砸了。

我在这里尝试过一切，但如果不行，那该死的。

哦我不允许发布图片=（。我解释一下。

在我的网站上，当我按下注册按钮时，我有5个文本字段，如果它们是空的，我想要一个红色的bg。但只有它们是空的。

Answer 1

你可以使用它，

$( document ).ready(function() {
$('#reg').click(function() {

    if($(this).val() == '') 
    {
        $(this).css('background-color' , '#FF0000');
    }
});
});

Answer 2

尝试使用.text()并将background-color改为color，而不是

if($('input[type="text"]').text() == '' && empty($('input[type="text"]').text())) {
    $(this).css({'background-color':'red'});
    or
    $(this).css('background-color','red');
}

Answer 3

您可以选择textareas，然后根据值为空来过滤它们：

$('#reg').click(function() {
    $('textarea').filter(function(){
        return $(this).val() == '';
    }).css('background-color', 'red');
});

Answer 4

希望这会有所帮助，试试这个 -

HTML -

<textarea col="2" style="width:200px;height:200px;"></textarea>
<input id="reg" type="button" value="submit">

JS -

$(document).ready(function() {    
  $('#reg').click(function() {   
     if (!$("#myTextArea").val()) {    
        $("textarea").css('background-color','red');
     }
  });    
});

see demo

Answer 5

<textarea id="myText"></textarea>
<input id="reg" type="button" value="register" name="btn_register">

$(document).ready(function () {
    $('#reg').click(function () {
        $("#myText").val() ? $("#myText").css('background-color', 'white') : $("#myText").css('background-color', 'red');
    });
});

Answer 6

试试这段代码：

$(function() {
    $('#reg').click(function() {
        if($(this).text() == '') {
            $(this).css({'color':'red'});
        }
    });
});

Answer 7

你在4号线上做错了。换到这一行：

$(this).css('color','red');

改变空textarea的背景颜色

7 个答案: