|
#2
lost光头2018-07-30 14:56
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="wid"> <label>你最喜欢的，请点击确认开始选择---></label> <button type="button" style="margin-top:0; width:50px;" onclick="btn()">确定</button> </div> <div id="libiao" style="display:none; position: absolute;background:#FFF;border:1px solid #4852ff"> <label>你最喜欢谁呢？</label><br /> <input type="radio" name="av" value="多波野结衣" /> 多波野结衣<br /> <input type="radio" name="av" value="小泽玛利亚" /> 小泽玛利亚<br /> <input type="radio" name="av" value="桃谷绘里香" /> 桃谷绘里香<br /> <input type="radio" name="av" value="明日花绮罗" /> 明日花绮罗<br /> <button id="1" value="提交" >提交</button> </div> <script> window.onload=function(){ var btn=document.getElementById("1"); btn.onclick=function(){ var chkObjs=null; var obj=document.getElementsByName("av") for (var i=0;i<obj.length;i++){ //遍历Radio if(obj[i].checked){ chkObjs=obj[i].value; } } alert("原来你喜欢："+chkObjs); } } function btn() { var x=document.getElementById("libiao"); x.style="display:block"; } </script> </body> </html> |
求大神一个问题，怎么用javascript实现点击按钮，弹出一个供选择的小列表？把源码传上来，谢谢！