Change la couleur de Fond du champ de saisie à l'aide de JavaScript
Je fais un formulaire et en le faisant champ de saisie pour lire uniquement à l'aide de JavaScript. Je veux changer la couleur par défaut pour l'attribut lecture seule vers le vert ou le jaune.
HTML
<input type="radio" name="sex" value="male">Male<br/>
<input type="radio" name="sex" value="female">Female <br/>
Age:<input type="text" name="age" id="age" size="20">
Hobbies:<input type="text" name="hobbies" id="hobbies" size="20"><br/>
Phone:<input type="text" name="phone" id="phone" size="20"><br/>
Quand quelqu'un clic sur les femmes l'entrée ayant pour Id "âge" et "téléphone" devient de lecture seule à l'aide de JavaScript.
JS
$(function() {
$("input[name='sex']").change(function() {
if($(this).val() == "female") {
$("#age").attr("disabled", true);
style="backgroundcolor=green"
$("#phone").attr("disabled", true);
} else if($(this).val() == "male") {
$("#age").attr("disabled", false);
$("#phone").attr("disabled", false);
}
});
});
Je veux changer la couleur du champ de saisie lorsqu'il est en lecture seule.
.css("background","rouge"); 🙂
Comment changer la couleur d'arrière blanc quand il a cliqué mâle
juste en mettre un dans chaque si (), avec le droit bg couleur
Comment changer la couleur d'arrière blanc quand il a cliqué mâle
juste en mettre un dans chaque si (), avec le droit bg couleur
OriginalL'auteur Muhammad Rizwan | 2014-10-15
Vous devez vous connecter pour publier un commentaire.
Suffit d'utiliser : .css()
De l'échantillon :
http://jsfiddle.net/cL7ngmda/
Un autre moyen simple peut être à l'aide de CSS classe: http://jsfiddle.net/e83s7s80/7/
css
js
Et il est encore une autre façon simple à l'aide de CSS sélecteur de de le faire. :
http://jsfiddle.net/dqgqjya5/3/
Il suffit d'ajouter ce css :
js
Consulter : https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled
OriginalL'auteur Himanshu Tyagi
OU
OriginalL'auteur Levi Beckman
Pourquoi ne pas vous juste utiliser css?
Définir un style pour les entrées désactivé dans votre fichier css, et juste les désactiver avec js comme vous êtes en train de faire maintenant...
Par exemple:
OriginalL'auteur jonyjm