2011-12-21 5 views
-1

私のjsfiddleでは、ユーザーは "Open Grid"リンクをクリックしてオプションを選択します。オプション値がテキストボックスに表示されます。グリッドをもう一度開くと、選択したオプションが緑色に変わります。これは、オプション "3"〜 "21"に対して機能します。しかし、オプション "22"、 "23"、 "24"を選択すると、その値はテキストボックスに表示されますが、グリッドを開くとオプションは緑色に変わりません。オプションが緑色に変わらない

これはなぜですか。

コードは、あなたがこれらの5つの項目のIDを更新する必要がhere

答えて

1

まず、idというプロパティが重複していると思います。それは数字だけです。

第二に、あなたはテキストとボタンをオンにしたい場合は、[はい]または[いいえ 'と「TrueまたはFalse」あなたはこのコードの平和の動作を変更する必要があります

$("#btn" + value).addClass("gridBtnsOn");

私はあなたを更新しましたfiddle

+0

おそらく、 'value'を' value.replace(/ \ s/g、 ''); 'に変更することでニーズに合っています。この場合、空白記号はすべて文字列から削除されますので、ボタンにテキストを "TrueまたはFalse"にして、 "TrueorFalse"をidプロパティの一部として使用できます。 – sigurd

+0

こんにちは、私はコードの変更を参照しようとしていますが、私はそれを見ることができません、私はspecsavers笑に行く必要があると思う:)。ちなみにTrueorFalseの値にTrueまたはFalseを、YesorNoと同じ値をスペースに追加すると、それはソートされます – BruceyBandit

+0

ああ、idをbtn15からbtn22に変更し、value属性をTrueまたはFalse "を" TrueorFalse "に設定します。 [Here](http://jsfiddle.net/f8cKm/39/)は、value.replace(/ \ s/g、 '');を使用するフィドルです。私が上で説明したjavascriptで。また、このフィドルで私は値= "真実か偽"を取り戻しました。 – sigurd

1

をクリックし、jsfiddleである:彼らは間違った番号に設定されており、これらのIDが既にされていることを

<input class="gridBtns" name="btn22Name" id="btn15"  type="button" value="22" /> 
<input class="gridBtns" name="btn23Name" id="btn16"  type="button" value="23" /> 
<input class="gridBtns" name="btn24Name" id="btn17"  type="button" value="24" /> 
<input class="gridBtns" name="btn25Name" id="btn18"  type="button" value="25" /> 
<input class="gridBtns" name="btn26Name" id="btn19"  type="button" value="26" /> 

お知らせ前に定義した。

+0

ああ私の神、どのような質問の無駄、私は間違いをしたことを信じることはできません、あなたはすぐにボタンを作成するコードの行をコピーするとき、価格ありがとうございます:) – BruceyBandit

+0

私は5 TrueまたはFalseオプションまたはYesまたはNoオプションを選択すると、それらのオプションが緑色に変わらない場合は、その理由を知ることができますか? – BruceyBandit

関連する問題