如何知道哪些元素已經被檢查

類

<div class="form-group"> 
    <label class="radio radio-inline checked"> 
     <input type="radio" name="searchOption" id="searchByCity" value="searchByCity"> City 
    </label> 
    <label class="radio radio-inline"> 
     <input type="radio" name="searchOption" id="searchByZipCode" value="searchByZipCode"> ZIP Code 
    </label> 
    <label class="radio radio-inline"> 
     <input type="radio" name="searchOption" id="searchByGeolocation" value="searchByGeolocation"> Geolocation 
    </label> 
</div>

我怎樣才能知道哪些元素具有checked類？

我嘗試用這個，白化任何成功：

alert($('label.radio-inline > input[name="searchOption"]:checked').val());

注：checked選項必須在label不是在input ...

感謝。

來源

2014-10-18 Bonito

您可以訪問單選按鈕的值上課checked標籤內，如下所示：

$(".form-group label.checked").find("input[name='searchOption']").val()

來源

2014-10-18 14:16:27

但與引導檢查選項是不是輸入的標籤... – Bonito 2014-10-18 14:17:09

@Bonito更新的答案searche s用於帶'checked'類的標籤... – 2014-10-18 14:24:16

我怎樣才能知道哪些元素具有檢查類？ 那麼很可能你可以試試這個選擇

var elements = $('label.radio-inline.checked')

來源

2014-10-18 14:18:03 Sachin

我怎樣才能知道哪些元素具有檢查類？

$(".form-group").find("input[name='searchOption']:checked")會讓你選擇的項目。

如果你需要找出哪一個被點擊，你也可以使用它來獲得id：

$(".form-group").find("input[name='searchOption']:checked").attr("id")

來源

2014-10-18 14:20:05 Yasser

您可以替代使用.hasClass()：

$("#getValues").on("click", function(){ 
 
    var checkedValue = $("label").map(function(){ 
 
     return $(this).hasClass("checked") ? $(this).children("input:radio:checked").val() : "";  
 
    }).get().join(""); 
 
    alert(checkedValue); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <label class="radio radio-inline"> 
 
     <input type="radio" name="searchOption" id="searchByCity" value="searchByCity" /> City 
 
    </label> 
 
    <label class="radio radio-inline checked"> 
 
     <input type="radio" name="searchOption" id="searchByZipCode" value="searchByZipCode" checked="true" /> ZIP Code 
 
    </label> 
 
    <label class="radio radio-inline"> 
 
     <input type="radio" name="searchOption" id="searchByGeolocation" value="searchByGeolocation" /> Geolocation 
 
    </label> 
 
</div> 
 

 
<input type="button" id="getValues" value="get check value" />

來源

2014-10-18 14:35:38

如何知道哪些元素已經被檢查

回答

相關問題