試圖從單選按鈕顯示的JSON數組中調出多個對象

我在製作網站。它試圖展示的是運動隊的時間表。我爲每個團隊都有一個JSON文件。我希望能夠點擊某個團隊的單選按鈕，讓它在另一個div的JSON文件中顯示某些信息。試圖從單選按鈕顯示的JSON數組中調出多個對象

所以我會發佈一個團隊的例子。單選按鈕：

<tr><td><label> 
<input type="radio" name="teamShow" value="cCubs">Chicago Cubs 
</label></td></tr>

jQuery的：

$("input[name='teamShow']").change(function() { 
    selected = $('input[name=teamShow]:checked').val(); 
    console.log(selected); 
    if (selected == "cCubs") { 
      $('#markerMessage7').html(
      $.getJSON("ChicagoCSked.json", function(data) { 
       $.each(data, function(i, entry) { 
        displayData = data.ccJSON.SUBJECT[0];}) 
      }) 
      ) 
     } 
    })

主體：

<div id ="markerMessage7">-</div>

的JSON（只有一個片陣列的）：

ccJSON =[ 
{ 
"START_DATE":"02/27/14", 
"START_TIME":"02:05 PM", 
"START_TIME_ET":"03:05 PM", 
"SUBJECT":"D-backs at Cubs", 
"LOCATION":"Cubs Park", 
"DESCRIPTION":"", 
"END_DATE":"02/27/14", 
"END_DATE_ET":"02/27/14", 
"END_TIME":"05:05 PM", 
"END_TIME_ET":"06:05 PM", 
"REMINDER_OFF":"FALSE", 
"REMINDER_ON":"TRUE", 
"REMINDER_DATE":"02/27/14", 
"REMINDER_TIME":"01:05 PM", 
"REMINDER_TIME_ET":"02:05 PM", 
"SHOWTIMEAS_FREE":"FREE", 
"SHOWTIMEAS_BUSY":"BUSY" 
},

我可以似乎沒有把它寫出來興。我希望它具有開始日期，主題和開始時間。我正在努力工作，這就是爲什麼它是我的代碼中唯一的東西。

來源

2013-12-17 user3109532

你檢查過我的小提琴嗎？這給出瞭如何在另一個div中獲取信息的例子。 http://jsfiddle.net/g98Em/ – Trevor

是的，我做到了。但我的JSON的「主題」部分仍然沒有加載 – user3109532

LIVE DEMO（_{and this JSON page example}）

我會建議你有一個稍微不同的JSON結構：

{ 
    "cCubs" : { 
    "START_DATE":"02/27/14", 
    "START_TIME":"02:05 PM", 
    "START_TIME_ET":"03:05 PM", 
    "SUBJECT":"D-backs at Cubs", 
    "LOCATION":"Cubs Park" 
    }, 
    "Something" : { 
    "START_DATE":"02/29/14", 
    "START_TIME":"04:00 PM", 
    "START_TIME_ET":"05:05 PM", 
    "SUBJECT":"Something subject", 
    "LOCATION":"Something Park" 
    } 
}

有這個，你可以有單選按鈕，如：

<label> 
    <input type="radio" name="teamShow" value="cCubs"> 
    Chicago Cubs 
</label> 
<label> 
    <input type="radio" name="teamShow" value="Something"> 
    Something 
</label>

和這個微不足道的JS：

$("input[name='teamShow']").change(function() { 

    var selected = $('input[name=teamShow]:checked').val(); 
    var displayData = ""; 

    $.getJSON("allTeamsData.json", function(data) {   
     displayData = data[selected].SUBJECT; 
     $('#markerMessage7').html(displayData);   
    }); 

});

來源

2013-12-17 04:57:07

只是試了一下，甚至沒有得到警報，也沒有讓遊戲出現。 – user3109532

@ user3109532 ok，用另一個想法編輯。我會好好使用它。還提供了工作演示和JSON頁面示例。希望我不需要提及，你不能只在像'allTeamsData.json'這樣做更改之前複製粘貼它......等 –

我的JSON是3800行代碼，與團隊的時間表有關。所以減少JSON格式，效果會更好。每個{}都是一款遊戲。我希望它遍歷所有的「START_DATE」，「START_TIME」和「SUBJECT」，並將它們全部顯示出來。是的，我會根據每個團隊的代碼進行相應的更改。 – user3109532

試圖從單選按鈕顯示的JSON數組中調出多個對象

回答

相關問題