複選框在頁面重新載入前沒有得到檢查狀態

我的應用程序有一個場地和區域的表格，其中每個區域有許多場地。索引頁面將所有場地顯示爲部分。複選框在頁面重新載入前沒有得到檢查狀態

索引頁也有包含每個區域中的複選框和提交按鈕的格式，並允許用戶過濾取決於選擇哪個區域（一個或多個）中所示的場地。複選框使用jQuery-UI按鈕小部件來獲得更好的外觀。

索引頁也具有顯示所有歧領域鎮的.PNG地圖圖像，並且每個區是可點擊的並且與所述過濾器形式的區域複選框對應。 map.png是包含每個區域的多邊形的圖像映射的背景。

我已經成功地在區域的地圖來使用JavaScript的區域複選框上的鏈接，以便用戶可以在地圖上選擇的形式要麼複選框或地區來篩選結果。

$(function() { 
    $('area').click(function(){ 
    var name = $(this).data("areanum"); 
    var $checkbox = $('#' + name); 
    $checkbox.attr('checked', !$checkbox.attr('checked')); 
    });  
});

地圖上的區域具有其對應的複選框的ID匹配的areanum值。

然而，如果用戶點擊地圖上的區域對應的複選框不會像它的被檢查的形式已經提交，頁面重新加載後，直到。

我怎樣才能使它所以一旦一個區域在地圖上選擇相應的複選框似乎也被檢查？

如果任何其他代碼想請你和我會後，我不想陷入這個問題下來的代碼裏姆斯因爲我也不太清楚，因爲這將是非常重要的。

任何幫助將非常感謝！

來源

2012-01-22 Dave

如果你能發佈什麼你的jsfiddle已經有了，這會更容易協助。 – cheeken

...複選框使用jQuery-UI按鈕小部件來獲得更好的外觀。 ...

啊哈！當以編程方式更改爲自定義的jQuery UI複選框複選框的狀態，您將需要明確地告訴複選框以刷新它的顯示狀態：

$('area').click(function(){ 
    var name = $(this).data("areanum"); 
    var $checkbox = $('#' + name); 
    $checkbox.attr('checked', !$checkbox.attr('checked')); 
    $checkbox.button("refresh"); 
});

來源

2012-01-22 23:13:48

感謝您的快速回答！我將不得不等待明天下班後試用它，因爲我即將入睡，但它看起來非常有前途！ – Dave

漂亮！這裏有更多的人物，所以我達到了評論的最小字符限制。 – cheeken

太棒了！這很好，非常感謝！ – Dave

試試這個：

$("input[type=checkbox]").prop('checked', true).uniform();

來源

2016-08-12 09:18:57

嗨Muhsen，並歡迎來到堆棧溢出。你能否擴展你的答案，解釋如何以及爲什麼它能解決提問者的問題？在這個網站上，我們喜歡清晰易懂的答案，因此代碼需要一些解釋和一些背景知識 - 幫助讀者瞭解它是否能夠幫助他們。 –

複選框在頁面重新載入前沒有得到檢查狀態

回答

相關問題