使輸入可訪問，無論他們在哪裏

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();