2016-09-30 68 views
1

我正在嘗試使用Boostrap buttons checkboxes插件。它適用於提交數據,但我想在使用JS(jQuery)的客戶端獲取它的值。如何從引導複選框按鈕組獲取值?

如果它們是常規輸入,那麼我應該只讀取「checked」參數。

預期的行爲是能夠從複選框中將「checked」選項讀取爲true或false狀態。它適用於常規復選框。

但是選中狀態,如果你使用的引導插件不會改變..

我怎樣才能選擇複選框時引導按鈕插件是積極的?

我使用Chrome 53和檢查我的項目和Bootstrap site本身具有相同的行爲

+0

試圖檢測哪個複選框具有「活動」類並不是一件困難的事情,但它純粹是無用的。我想你也想爲每個你想要檢索的複選框賦值,以便在應用程序的某個地方使用它們。因此,在這種情況下,您需要使用一些'jquery',以便您可以將checked屬性設置或取消選定到所選複選框,然後檢索選中的一個或多個值。 – Franco

回答

3

引導複選框選擇相應的複選框時設置其他的輸入工作。你可以節省一些時間,只需使用serialize()功能。它應該給你你需要在一個不錯的整齊排列的:

var data = $('form').serialize(); 

哪裏form是爲您的表單選擇。

0

.serialize(),將一組表單元素作爲提交的字符串進行編碼。

.serialize()方法以標準的URL編碼表示法創建一個文本字符串。它可以充當已經選擇個體表單控件jQuery對象上,諸如<input><textarea>,和<select>$("input, textarea, select").serialize();

代碼下面片斷選擇<form>本身系列化,

$("form").on("submit", function(event) { 
    event.preventDefault(); 
    console.log($(this).serialize()); 
}); 

從序列化輸出的樣品功能,

single=Single&multiple=Multiple3&check=check1&check=check2&radio=radio2 

瞭解更多關於此功能,在官方的jQuery文件檢查出的代碼示例。