使输入可访问，无论他们在哪里

Question

是否有插件使输入检查工作，无论他们位于何处。我会制作大量的无线电广播和复选框输入，这些输入将被隐藏在div中，但输入时需要在检查时控制多个div。我真的不想让所有人都通过jquery单独工作。我宁愿让css照顾检查时应该发生的事情。

div { 
 
    position: absolute; 
 
    background: rgba(85, 183, 255, 0.25); 
 
} 
 

 
.box2 { 
 
    left: 120px; 
 
} 
 

 
.box3 { 
 
    left: 240px; 
 
} 
 

 
input { 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
.a { 
 
    width: 100px; 
 
    height: 100px; 
 
} 
 

 
.b { 
 
    width: 80px; 
 
    height: 80px; 
 
    left: 10px; 
 
    top: 10px; 
 
} 
 

 
.c { 
 
    width: 60px; 
 
    height: 60px; 
 
    left: 10px; 
 
    top: 10px; 
 
} 
 

 
.container { 
 
    position: absolute; 
 
    width: 100px; 
 
    height: 200px; 
 
    top: 140px; 
 
    background: rgba(85, 183, 255, 0.25); 
 
} 
 

 
.con2 { 
 
    left: 120px; 
 
} 
 

 
.con3 { 
 
    left: 240px; 
 
} 
 

 
.alter { 
 
    postion: absolute; 
 
    width: 80px; 
 
    height: 80px; 
 
    background: rgba(255, 0, 0, 0.5); 
 
    left: 10px; 
 
    top: 60px; 
 
    transition: 1s; 
 
} 
 

 
.radio1:checked ~ .me1 { 
 
    background: green; 
 
} 
 

 
.radio2:checked ~ .me2 { 
 
    height: 100px; 
 
    top: 50px; 
 
} 
 

 
.radio2:checked ~ .me3 { 
 
    transform: scale(2px); 
 
}

<div class="a box1"> 
 
    <div class="b"> 
 
    <div class="c"> 
 
     <input type="radio" name="radio" class="radio1"> 
 
    </div> 
 
    </div> 
 
</div> 
 
<div class="a box2"> 
 
    <div class="b"> 
 
    <input type="radio" name="radio" class="radio2"> 
 
    </div> 
 
</div> 
 
<div class="a box3"> 
 
    <div class="b"> 
 
    <div class="c"> 
 
     <input type="radio" name="radio" class="radio3"> 
 
    </div> 
 
    </div> 
 
</div> 
 

 

 
<div class="container con1"> 
 
    <div class="alter me1"></div> 
 
</div> 
 
<div class="container con2"> 
 
    <div class="alter me3"></div> 
 
</div> 
 
<div class="container con3"> 
 
    <div class="alter me3"></div> 
 
</div>

Answer 1

我不太清楚，你打算做什么，但也许这会有所帮助。 只要选中一个单选按钮，然后检查是否选中了所有单选按钮框，就会触发该代码。

你可能会做一些其他的事情，而不是显示一个继续的链接。 希望这可以帮助，否则描述更清楚，你打算做什么。

$(":radio").change(function() { 
     var names = {}; 
     $(':radio').each(function() { 
      names[$(this).attr('name')] = true; 
     }); 
     var count = 0; 
     $.each(names, function() { 
      count++; 
     }); 
     if ($(':radio:checked').length === count) { 
      $('#linkContinue').show(); 
     } 
    }).change();