Check if all radio groups are checkd
HTML
<section class="website-list">
<div class="bordered-mod no-title">
<ul class="single-line-options">
<li>
<div class="row">
<div class="col-xs-2">
</div>
<div class="col-xs-3">
<div class="radio">
<label>
<input type="radio" name="linedin" value=""> Expert / Advanced
</label>
</div>
</div>
<div class="col-xs-3">
<div class="radio">
<label>
<input type="radio" name="linedin" value=""> Basic / Intermediate
</label>
</div>
</div>
<div class="col-xs-3">
<div class="radio">
<label>
<input type="radio" name="linedin" value=""> Barely Aware of Site
</label>
</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-xs-2">
</div>
<div class="col-xs-3">
<div class="radio">
<label>
<input type="radio"...
JavaScript
var rgroups = [];
$('input:radio').each(function (index, el) {
var i;
for (i = 0; i < rgroups.length; i++)
if (rgroups[i] == $(el).attr('name'))
return true;
rgroups.push($(el).attr('name'));
});
$("input:radio").change(function () {
if ($(".single-line-options").find("input:radio:checked").length === rgroups.length) {
console.log("all checked")
}
else {
console.log("Not cheked")
}
});