使用jQuery將背景顏色添加到輸入文本中

我有一些幫助來創建下面的代碼，我不知道我應該讓禁用輸入文本有黃色。如果我更改爲另一個輸入文本，禁用應該有一個默認背景，新的禁用輸入文本應該有一個黃色的背景色。使用jQuery將背景顏色添加到輸入文本中

我試圖與此代碼

代碼"$('.'+other_class).prop('style', 'background-color : yellow;');"添加代碼，但它並沒有那麼好走。

你知道如何解決這種情況嗎？

一種互補物。我需要有風格並同時禁用。由於我使用引導程序，因此使用背景風格很重要。

謝謝！

$(document).ready(function(){ 
    $('input[type=radio][name=test]').click(function(){ 
     var related_class=$(this).val(); 
     $('.'+related_class).prop('disabled',false); 

     $('input[type=radio][name=test]').not(':checked').each(function(){ 
      var other_class=$(this).val(); 
      $('.'+other_class).prop('disabled',true); 
     }); 
    }); 
});

來源

2015-06-09 What' sUP

您可以禁用字段是黃色的？ '：disabled {background：＃FF0}'。 – Sampson

是[this]（https://jsfiddle.net/lalu050/8NynQ/122/）你想要什麼？ – Lal

差不多。被禁用的應該有一個黃色的背景，但不是活動的。活動的應該有一個默認的背景。如果更改單選按鈕，則應禁用新的輸入文本，並且背景爲黃色。 –

不要的jQuery（JavaScript）的使用CSS樣式。最好將你的樣式保存在分開的文件中。

我在你的風格

input[type="text"]:disabled{ 
    background-color: yellow; 
}

我更新了jsFiddle

來源

2015-06-09 18:54:30

請看上面的更多信息。 –

這幾乎是正確的。當您啓動https://jsfiddle.net/8NynQ/121/時，我看不到禁用的輸入文本具有黃色背景色。 –

看看這個，我從jQuery中刪除了css樣式並更新了css https://jsfiddle.net/8NynQ/127/。它預期的行爲？ –

嘗試如下：

代替：

$('.'+other_class).prop('style', 'background-color : yellow;');

務必：

$('.' + other_class).css({'background-color': 'yellow'});

來源

2015-06-09 18:54:06 taxicala

請看上面的更多信息。 –

任何時候你要添加的造型首先使用.addClass()功能我更喜歡使用自己的$('.'+other_class).addClass('yourClass')功能VS在線添加:disabled CSS選擇器輸入CSS

將您的樣式保留在CSS文件中。

但是...沒有JavaScript需要。這可以通過CSS

input[type="text"]:disabled { 
    background:yellow; 
}

這裏做的是一個鏈接的JS Fiddle

來源

2015-06-09 18:55:49

請看上面的更多信息。 –

使用jQuery將背景顏色添加到輸入文本中

回答

相關問題