我想根据文本输入的值向输入添加一个类。我的问题是输入呈现所有类。这是html部分:
<form name="imcForm" id="imc">
<p>poids: <input type="text" name="poids" size="10"></p>
<p>taille: <input type="text" name="taille" size="10"></p>
<p><input type="button" id="calcul" value="Calculer" onClick="calculImc()"></p>
<p>result : <input type="text" name="imc" size="10" id="imcResult"></p>
<p>Interprétation: <input type="text" name="interpretation" size="25" id="interpretation"></p>
</form>
这里是 javascript/jQuery
$('#calcul').on("click", function() {
$("#interpretation:input[value=itemA]").toggleClass('a');
$("#interpretation:input[value=itemB]").toggleClass('b');
$("#interpretation:input[value=itemC]").toggleClass('c');
$("#interpretation:input[value=itemD]").toggleClass('d');
$("#interpretation:input[value=itemE]").toggleClass('e');
$("#interpretation:input[value=itemF]").toggleClass('f');
$("#interpretation:input[value=itemG]").toggleClass('g');
});
另外,看看什么呈现输入:
<input type="text" id="interpretation" size="25" name="interpretation" class="denutrition normale moderee severe morbide">
那么为什么每个元素在点击时都会收到每个类?