如何知道哪些元素已经被检查

问题描述：

类

<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 ...

感谢。

答

您可以访问单选按钮的值上课checked标签内，如下所示：

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

但与引导检查选项是不是输入的标签... – Bonito 2014-10-18 14:17:09

@Bonito更新的答案searche s用于带'checked'类的标签... – 2014-10-18 14:24:16

答

我怎样才能知道哪些元素具有检查类？ 那么很可能你可以试试这个选择

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

答

我怎样才能知道哪些元素具有检查类？

$(".form-group").find("input[name='searchOption']:checked")会让你选择的项目。

如果你需要找出哪一个被点击，你也可以使用它来获得id：

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

答

您可以替代使用.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" />

如何知道哪些元素已经被检查

相关推荐