Question

我正在编写一个使用javascript进行药物追踪的代码，问题是：我在textbox内创建了一个textbox我进一步创建了另一个textbox（sub文本框），现在我需要更改该子文本框的颜色。如果条件为真，则它应该变为绿色，如果条件为假，则它应该变为红色。

Answer 1

试试这个：

jQuery的：

$('#textbox').on('keyup', function(event) {

    event.preventDefault();

    var chk = "medicine"
    var val = $(this).val();

    if(val == chk)
    {
        $(this).find(":input").css("background-color", "green");
    }
    else
    {
        $(this).find(":input").css("background-color", "red");
    }
}

或者如果您知道您的输入的名称/ ID：

$('#textbox').on('keyup', function(event) {

    event.preventDefault();

    var chk = "medicine"
    var val = $(this).val();

    if(val == chk)
    {
        $(this).find("#subtextbox").css("background-color", "green");
    }
    else
    {
        $(this).find("#subtextbox").css("background-color", "red");
    }
}

或纯粹的js：

$('#textbox').on('keyup', function(event) {

    event.preventDefault();

    var chk = "medicine"
    var val = $(this).val();

    if(val == chk)
    {
        document.getElementById('subtextbox').style.background-color = "green";
    }
    else
    {
        document.getElementById('subtextbox').style.background-color = "red";
    }
}

Answer 2

希望这可以提供帮助

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<body>
<p>type the word medicine</p>
<input type="text" id="textbox" value="">
<input type="text" id="subtextbox" value="">

<script type="text/javascript">

$(document).ready(function(){

    $('#textbox').on('keyup', function(event) {

        event.preventDefault();

        // make the condition here
        // make this dynamic
        var chk = "medicine"
        var val = $(this).val();

        var sub = $('#subtextbox');
        if (chk == val) {
            sub.css('background-color', 'green');
        } else {
            sub.css('background-color', '');
        }

    });

});



    </script>
</body>
</html>

Answer 3

试试这个

document.getElementById('your subtext id').style.background-color = "green";

更改子文本框的颜色

3 个答案: