label-dynamic-ref.html (1087B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 6 .hideradios input { 7 display: none; 8 } 9 10 label[for="a2"], 11 label[for="b2"] { 12 background-color: yellow; 13 } 14 15 </style> 16 17 </head> 18 19 <body> 20 21 <div> 22 <div><input type="radio" name="a" id="a1"><label for="a1">radio #a1</label></div> 23 <div><input type="radio" name="a" id="a2" checked><label for="a2">radio #a2</label></div> 24 <div><input type="radio" name="a" id="a3"><label for="a3">radio #a3</label></div> 25 <div><input type="radio" name="a" id="a4"><label for="a4">radio #a4</label></div> 26 <div><input type="radio" name="a" id="a5"><label for="a5">radio #a5</label></div> 27 </div> 28 29 <div class="hideradios"> 30 <div><input type="radio" name="b" id="b1"><label for="b1">radio #b1</label></div> 31 <div><input type="radio" name="b" id="b2" checked><label for="b2">radio #b2</label></div> 32 <div><input type="radio" name="b" id="b3"><label for="b3">radio #b3</label></div> 33 <div><input type="radio" name="b" id="b4"><label for="b4">radio #b4</label></div> 34 <div><input type="radio" name="b" id="b5"><label for="b5">radio #b5</label></div> 35 </div> 36 37 </body> 38 </html>