選項不會變成綠色

-1

在我的jsfiddle中，用戶點擊「Open Grid」鏈接並選擇一個選項會發生什麼。該選項值然後顯示在文本框中。現在，如果再次打開網格，則會看到您選擇的選項變爲綠色。現在這適用於選項「3」到「21」。但是對於選項「22」，「23」，「24」，直到選擇「是或否」選項，該值將顯示在文本框中，但打開網格時該選項不會變爲綠色。選項不會變成綠色

這是爲什麼。

的代碼是一個的jsfiddle，單擊here

來源

2011-12-21 BruceyBandit

首先，我認爲這是因爲你有重複的id屬性。這只是數字。

第二，如果你想關閉按鈕與文字「是或否」和「真或假」，你應該改變這種和平的代碼的行爲：

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

我已經更新了你的fiddle。

來源

2011-12-21 09:22:50 sigurd

也許將'value'改爲'value.replace（/ \ s/g，''）;'符合您的需求。在這種情況下，所有空白符號將從字符串中刪除，因此您可以在按鈕上放置文本「True or False」，並使用「TrueorFalse」作爲id屬性的一部分。 – sigurd 2011-12-21 09:29:53

嗨，我試圖看到代碼更改，但我看不到它，認爲我需要去specsavers大聲笑:)。順便說一句，如果你只是從TrueorFalse的值增加一個空格到True或False，並從YesorNo相同，然後它整理出來 – BruceyBandit 2011-12-21 09:32:37

哦，我已經從btn15 ...更改id到btn22和值屬性從「True或錯誤「改爲」TrueorFalse「。 [Here]（http://jsfiddle.net/f8cKm/39/）是使用value.replace（/ \ s/g，''）的小提琴。在我上面描述的JavaScript。另外，在這個小提琴中，我帶回了值=「真或假」。 – sigurd 2011-12-21 09:37:27

您需要更新這五個項目的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" />

注意，它們被設置爲錯誤的數量和這些ID已經被早先定義。

來源

2011-12-21 09:16:39 Interrobang

哦，我的天啊，真是浪費了一個問題，我簡直不敢相信我已經犯了那個錯誤，那就是當你複製代碼行的代碼快速創建按鈕時，謝謝:) – BruceyBandit 2011-12-21 09:21:34

我已經更新了5個項目，但如果我選擇True或False選項或者Yes或No選項，它不會將這些選項變成綠色，你知道爲什麼嗎？ – BruceyBandit 2011-12-21 09:24:37

選項不會變成綠色

回答

相關問題