JavaScriptやjqueryでラジオボタンのオプションがクリックされているかどうかをチェックする方法は？

Question

は、私のような... if文のいずれかのオプションが選択されている場合に使用しようとしています：

<div class="form-group"> 
    <label for="event-c" id="event-c" class="col-sm-4 control-label"><button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">button</button></label> 
    <div class="col-sm-7"> 
    <div id="demo" class="collapse"> 
    <form> 
     <c:forEach items="${getNamesForLegend}" var="members"> 
      <div class="radio"> 
       <div class="panel-body" id="radio-c"><label><input type="radio" name="optradio" value=""><c:out value="${members.name}"/> <c:out value="${members.lastname}"/> 
     <input type="hidden" name="a"<c:out value="${members.mySubordinate}"/>></div></label> 
      </div> 
     </c:forEach> 

    </form> 

</div> 
</div> 
</div> 

Answer 1

以下のようにしてみてください。

<script> 
    if(any_selected){ 
     if(option){ 
     //do somthing 
     } 
    } 
    else{ 
     //do somthing else 
    } </script 

これは、htmlコードです：

if($('input:[name=optradio]:checked').length) 
{ 
//selected 
} 
else 
{ 
//not selected 
} 

上記のラジオボタンの使用の特定のグループをチェックする場合はそれ以外は試してください$('input:checkbox:checked').length

Answer 2

:checkedを計算してください。

$(document).ready(function() { 
 
    $('input').change(function() { 
 
    if ($('input:checked').length) { 
 
     $('span').css({'background-color': 'green'}); 
 
    } else { 
 
     $('span').css({'background-color': 'red'}); 
 
    } 
 
    }); 
 
});

input { 
 
    margin-left: 10px; 
 
    margin-bottom: 10px; 
 
} 
 

 
span { 
 
    width: 20px; 
 
    height: 20px; 
 
    background-color: red; 
 
    display: inline-block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<input type="radio" name="optradio" value=""/> 
 
<hr/> 
 
<span></span>

---

あなた#radio-cがループ内にあり、ページあたりの非一意のIDを持っていることに留意してください。