我正在寫一個使用javascript的藥物跟蹤代碼,事情是:我創建了一個textbox
,在那個textbox
我進一步創建了另一個textbox
(子文本框),現在我需要更改該子文本框的顏色。如果條件成立,那麼它應該變綠,如果條件不成立,那麼它應該變成紅色。改變子文本框的顏色
0
A
回答
0
試試這個:
的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";
}
}
-1
試這個
document.getElementById('your subtext id').style.background-color = "green";
0
希望能幫助
<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>
相關問題
- 1. 顏色改變文本
- 2. 改變原子的顏色的顏色
- 3. 更改與父文本顏色不同的子文本顏色?
- 4. 改變只讀文本框的文本顏色c#
- 5. 改變窗框的顏色
- 6. CKEditor文本顏色按鈕不改變文本顏色
- 7. Css類不改變文本框的邊框顏色
- 8. 更改文本框的背景顏色
- 9. 更改插入顏色的文本框
- 10. 更改文本框的背景顏色
- 11. 更改文字的顏色,無邊框顏色變化
- 12. im4Java,改變框架顏色?
- 13. 使用jquery改變文本的顏色
- 14. 更改文本框邊框顏色和電子郵件驗證@
- 15. 改變顏色的顏色
- 16. 鏈接文本而不改變文本的顏色爲藍色
- 17. 如何改變文字顏色股利不改變邊框顏色
- 18. 更改組框文本顏色?
- 19. 改變懸停框內的文本顏色
- 20. 改變UIAlertController文本框的背景顏色不起作用
- 21. 文本顏色並不在AlertDialog改變
- 22. 如何使文本顏色被改變
- 23. ListView項目不改變文本顏色
- 24. 更改文本顏色與可變
- 25. 改變點擊顏色爲隨機顏色的文本顏色(按鈕)
- 26. javafx文本框的顏色
- 27. C#:試圖改變一個usercontrol文本框和背景顏色
- 28. 改變文本框顏色引導到格雷
- 29. 改變顏色
- 30. 改變顏色
這是我真正彪, – sunil 2014-10-27 10:26:14
的document.getElementById( 「bodyRow3Col_1」)style.backgroundColor = 「lightblue」。 document.getElementById(「bodyRow3Col_1InrCol_0」)。style.backgroundColor =「blue」; document.getElementById(「bodyRow3Col_1InrCol_1」)。style.backgroundColor =「red」; document.getElementById(「bodyRow3Col_1InrCol_2」)。style.backgroundColor =「blue」; – sunil 2014-10-27 10:27:26
這就是我真正的想法,我已經在主文本框中創建了一個子文本框,我需要在真或假條件下將該子文本框顏色更改爲紅色和綠色。 – sunil 2014-10-27 10:27:51